:root {
    --button-text-color-default: #00367cad;
    --button-text-color-hovered: #00367c;
    --button-text-color-selected: #00367c;

    --button-border-default: 2px solid #00367c1a;
    --button-border-hovered: 2px solid #00367c1a;
    --button-border-selected: 2px solid #ffa527b2;

    --button-text-font-size: 14px;

    --background-color-button-hover: #006bb71a;

    --button-border-radius: 5px;

    --wallstreet-box-shadow-button: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.category-buttons-list .tab-item {
    border: var(--button-border-default);
    color: var(--button-text-color-default);
    border-radius: var(--button-border-radius);
    z-index: 4;
}

.category-buttons-list .tab-item:hover {
    border: var(--button-border-hovered);
    background-color: var(--background-color-button-hover) !important;
}

.category-buttons-list .tab-item span:hover,
.category-buttons-list .tab-item:hover {
    color: var(--button-text-color-hovered);
}

.category-buttons-list .tab-item.selectedTab span,
.category-buttons-list .tab-item.selectedTab {
    color: var(--button-text-color-selected);
}

.category-buttons-list .tab-item.selectedTab,
.wallstreet-tabs .tab-item.selected {
    border: var(--button-border-selected);
}

.category-buttons-list .tab-item.selectedTab:hover {
    background-color: #ffffff !important;
}

/*Wallstreet Section*/

/* .wallstreet-tabs .tab-item.selected{
    border:var(--button-border-selected);
} */

.wallstreet-tabs .tab-item {
    box-shadow: var(--wallstreet-box-shadow-button);
}

@media only screen and (max-width: 768px) {
    .category-buttons-list .tab-item:hover {
        background-color: transparent !important;
    }
}