.Mini-Button-Label-Medium-TAG{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 170%;
    color: #D0CFDF;
    background-color: #1C1C1E;
    border-radius: 8px;
    padding: 4px 12px;
}
.MiniButtonLabelSemiBold{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 170%;
    color: #8A8A98;
    cursor: pointer;
    transition: ease-in-out 0.2s;
}
.MiniButtonLabelSemiBold:hover, .active-menu{
    
    color: #EDEDFD;
}


.ButtonLabelMedium{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 152%;
    color: #EDEDFD;
}
.ButtonlabelBold{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 152%;
    color: #EDEDFD;
}


.button-menu-cta{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 170%;
    
    color: #EDEDFD;
    border-radius: 4px;
    padding: 8px 12px;
    background-color: #4D4D51;
    cursor: pointer;
    transition: ease-in-out 0.2s;
}
.button-menu-cta:hover, .cta-active:active{
    background-color: #3E3E41;
}

.cta-btn{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 152%;
    color: #EDEDFD;
    background-color: #6030A6;
    border-radius: 4px;
    padding: 8px 16px;
    cursor: pointer;
    transition: ease-in-out 0.2s;
}
.cta-btn:hover{
    
    background-color: #8059B8;
}