@media screen {
    
    .stat-anacom-primary-button,
    .stat-anacom-secondary-button {
        height: 50px;
        border: none;
        border-radius: .5rem;
        padding: 0 16px 0 16px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        font-family: var(--notosans);
        align-self: start;
        justify-content: center;
    }

    .stat-anacom-primary-button {
        background-color: var(--neutro900);
        color: white;
    }

    .stat-anacom-primary-button:hover {
        background-color: var(--azul);
    }

    .stat-anacom-primary-button:active {
        -webkit-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        background-color: var(--neutro900);
    }

    .stat-anacom-secondary-button {
        background-color: var(--amarelo);
        color: var(--textInputDark);
    }

    .stat-anacom-secondary-button:hover {
        background-color: var(--amareloHover);
    }

    .stat-anacom-secondary-button:active {
        -webkit-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        background-color: var(--amarelo);
    }

    .stat-anacom-primary-button>.stat-anacom-img-hover,
    .stat-anacom-secondary-button>.stat-anacom-img-hover {
        display: none;
    }

    .stat-anacom-primary-button>.stat-anacom-img,
    .stat-anacom-secondary-button>.stat-anacom-img {
        display: block;
        z-index: 1;
        position: relative;
    }

    .stat-anacom-primary-button:hover>.stat-anacom-img,
    .stat-anacom-secondary-button:hover>.stat-anacom-img {
        display: none;
    }

    .stat-anacom-primary-button:hover>.stat-anacom-img-hover,
    .stat-anacom-secondary-button:hover>.stat-anacom-img-hover {
        display: block;
    }

    .stat-anacom-primary-button:active>.stat-anacom-img-hover,
    .stat-anacom-secondary-button:active>.stat-anacom-img-hover {
        display: none;
    }

    .stat-anacom-primary-button:active>.stat-anacom-img,
    .stat-anacom-secondary-button:active>.stat-anacom-img {
        display: block;
        
    }

    .stat-anacom-link-button {
        border: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        font-family: var(--notosans);
        align-self: start;
        color: var(--azul);
        padding: 0;
    }

    .stat-anacom-link-button:hover {
        text-decoration: underline;
        text-underline-offset: 8px;
        text-decoration-thickness: 2px !important;
        /* text-decoration-color: #FFFFFF; */
    }

    .stat-anacom-link-button .stat-anacom-img {
        display: block;           
        min-height: 24px;
        min-width: 24px;
        width: 24px;
        height: 24px;
        position: relative;
        z-index: 1;
        
    }

    .stat-anacom-link-button .stat-anacom-img-hover {
        display: none;
    }

    .stat-anacom-link-button:hover .stat-anacom-img {
        display: none;
    }

    .stat-anacom-link-button.toggle-bell .stat-anacom-img{
        display: block;
    }

    .stat-anacom-link-button.toggle-bell.active .stat-anacom-img{
        display: none;
    }

    .stat-anacom-link-button.toggle-bell.active .stat-anacom-img-hover{
        display: block;
    }

    .stat-anacom-link-button.toggle-bell .stat-anacom-img-hover{
        display: none;
    }

    .stat-anacom-link-button:hover .stat-anacom-img-hover {
        display: block;           
        position: relative;
        z-index: 1;
    }

    .stat-anacom-link-button.toggle-bell:hover .stat-anacom-img-hover{
        display: block;
    }


    .stat-anacom-link-button.toggle-bell:hover .stat-anacom-img{
        display: none;
    }


    .stat-anacom-link-button:active .stat-anacom-img-hover {
        display: block;           
        position: relative;
        z-index: 1;
    }

    .stat-anacom-link-button:active .stat-anacom-img {
        display: none;
    }

    .stat-anacom-link-button:active {
        text-decoration: none;
    }

    .stat-anacom-link-button>span {
        background-image: linear-gradient(var(--white) 0 0);
        background-position: bottom center;
        background-size: 30% 2px;
        background-repeat: no-repeat;
        padding-bottom: 2px;
    }
    .stat-anacom-link-button:active>span {
        background-image: linear-gradient(var(--textInputDark) 0 0);
    }


    .stat-anacom-link-button-yellow {
        background-color: #FFCC00;
        color: #2B363C;
        border: none;
        font-size: 1rem;
        cursor: pointer;
        border-radius: 0.5rem;
        height: 50px;
        display: flex;
        flex-direction: row;
        gap: .5rem;
        align-items: center;
        padding: 11px 26px;
    }

    .stat-anacom-link-button-yellow:hover {
        background-color: #F2A222;
    }

    .stat-anacom-link-button-yellow:active {
        box-shadow: 0px 4px 4px 0px #00000040 inset;
        background-color: #FFCC00;
    }

    .stat-anacom-link-button-yellow>.stat-anacom-img{
        display: block;           
        min-height: 24px;
        min-width: 24px;
        height: 24px;
        width: 24px;
        position: relative;
        z-index: 1;
    }

    .stat-anacom-link-button-yellow:active>.stat-anacom-img{
        display: block;
    }

    .stat-anacom-link-button-yellow:hover>.stat-anacom-img{
        display: none;
    }

    .stat-anacom-link-button-yellow:hover>.stat-anacom-img-hover{
        display: block;           
    }

    .stat-anacom-link-button-yellow>.stat-anacom-img-hover{
        display: none;
        min-height: 24px;
        min-width: 24px;
        height: 24px;
        width: 24px;
        z-index: 1;
        position: relative;
    }

    .stat-anacom-link-button-yellow:active>.stat-anacom-img-hover{
        display: block;
    }


    .stat-anacom-link-button-white {
        background-color: #FFFFFF;
        color: #2B363C;
        border: none;
        padding: 0 1rem;
        font-size: 1rem;
        cursor: pointer;
        border-radius: .5rem;
        height: 3.75rem;
        display: flex;
        flex-direction: row;
        gap: .5rem;
        align-items: center;
        padding: 8px 16px;
    }

    .stat-anacom-link-button-white:hover {
        background-color: #E1E4EA;
        color: #2B363C;
    }

    .stat-anacom-link-button-white:active {
        box-shadow: 0px 4px 4px 0px #00000040 inset;
        background-color: #FFFFFF;
    }

    .stat-anacom-link-button-white>.stat-anacom-img{
        display: block;           
       min-height: 24px;
        min-width: 24px;
        width: 24px;
        height: 24px;
        position: relative;
        z-index: 1;
    }

    .stat-anacom-link-button-white:active>.stat-anacom-img{
        display: block;
    }

    .stat-anacom-link-button-white:hover>.stat-anacom-img{
        display: none;
    }

    .stat-anacom-link-button-white:hover>.stat-anacom-img-hover{
        display: block;           
    }

    .stat-anacom-link-button-white>.stat-anacom-img-hover{
        display: none;
        min-height: 24px;
        min-width: 24px;
        height: 24px;
        width: 24px;
        z-index: 1;
        position: relative;
    }

    .stat-anacom-link-button-white:active>.stat-anacom-img-hover{
        display: block;
    }

    /*ONLY ICON*/

    .stat-anacom-icon-link {          
        min-height: 24px;
        min-width: 24px;
        cursor: pointer;

    }

    .stat-anacom-icon-link>.stat-anacom-img{
        display: block;
    }

    .stat-anacom-icon-link:active>.stat-anacom-img{
        display: none;
    }

    .stat-anacom-icon-link:hover>.stat-anacom-img{
        display: none;
    }

    .stat-anacom-icon-link>.stat-anacom-img-hover{
        display: none;
    }

    .stat-anacom-icon-link:active>.stat-anacom-img-hover{
        display: block;
    }

    .stat-anacom-icon-link:hover>.stat-anacom-img-hover{
        display: block;
    }


    .stat-anacom-icon-button{
        width: 44px;
        height: 44px;
        padding: 10px;
        border-radius: .5rem !important;
        background: #FFFFFF;
        padding: 10px !important;
    }

    .stat-anacom-icon-button:hover {
        background: #F1F3F8 !important;
    }

    .stat-anacom-icon-button>.stat-anacom-img{
        min-width: 24px;
        min-height: 24px;
        width: 24px;
        height: 24px;
        display: block;

    }

    .stat-anacom-icon-button:active>.stat-anacom-img{
        display: none;
    }

    .stat-anacom-icon-button:hover>.stat-anacom-img{
        display: none;
    }

    .stat-anacom-icon-button>.stat-anacom-img-hover{
        min-width: 24px;
       min-height: 24px;
       width: 24px;
       height: 24px;
        display: none;
    }

    .stat-anacom-icon-button:active>.stat-anacom-img-hover{
        display: block;
    }

    .stat-anacom-icon-button:hover>.stat-anacom-img-hover{
       display: block;
    }


.stat-anacom-dropdown-button {
    background-color: #FFFFFF;
    border : 2px #FFFF;
    padding: 10px 20px !important;
    color: #2B363C;
}

.stat-anacom-dropdown-button:active {
    background-color: #FFFFFF;
    border : 2px #FFFFFF !important;
    padding: 10px 20px !important;
    color: #2B363C;

}

.stat-anacom-dropdown-button:hover {
    background-color: #F1F3F8 !important;
    border : 2px #F1F3F8 !important
}



}