.tab-button{
    width: 8rem;
    height: 4rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: black;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px 10px 0 0;
    transition: all 0.25s ease-in-out;
    background-color: var(--primary-color-light);

    &:hover{
        height: 4.125rem;
        color: black;
        background-color: var(--primary-color);
    }

    &.active{
        height: 4.5rem;
        width: 9rem;
        font-size: 1.625rem;
        background-color: var(--primary-color) !important;
    }
}

.tab-row{
    display: flex;
    align-items: flex-end;
}






// .li{
//     width: 10%;
// }

// button{
//     width: 8rem;
//     height: 4rem;
//     font-size: 1.5rem;
//     font-weight: 600;
//     color: black;
//     border: 1px solid black !important;
//     transition: all 0.25s ease-in-out;
//     background-color: var(--primary-color-light);
// }

// button:hover{
//     height: 4.125rem;
//     color: black;
//     background-color: var(--primary-color);
// }

// button.active{
//     height: 4.5rem;
//     width: 9rem;
//     font-size: 1.625rem;
//     background-color: var(--primary-color) !important;
// }


// li{
//     display: flex;
//     align-items: flex-end;
// }