/* DEFAULT */
.button48{
    padding: .75rem 1.875rem;
    font-size: 1rem;
    line-height: 1.5rem;

    border-radius: 6px;

    box-shadow: var(--botão);   
    cursor: pointer;
}

.button60{
    padding: .75rem 1.875rem;
    
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 120%;
    font-variant: small-caps;
    
    border-radius: 6px;
    
    box-shadow: var(--botão);  
    cursor: pointer;

}

.menu-falar-com-um-especialista::after{
    margin-left: 1rem;
    vertical-align: middle;

    content: '';
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    display: inline-block;
    width: 1.25rem; 
    height: 1.25rem;
}

.wpp--white-30::after{
    margin-left: 1rem;
    vertical-align: middle;
    
    content: '';
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    display: inline-block;
    width: 1.875rem; 
    height: 1.875rem;

}

.side__menu__btn::before{
    margin-right: 1rem;

    content: '';
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    display: inline-block;
    width: 1.25rem; 
    height: 1.25rem;


    color: var(--secundária--terciária--100) !important;
}


/* HOVER WPP ICON BTNS */

.banner__main__button:hover::after{
    margin-left: 1rem;
    vertical-align: middle;

    content: '';
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    display: inline-block;
    width: 1.875rem; 
    height: 1.875rem;
}

.cta__text__button:hover::after{
    margin-left: 1rem;
    vertical-align: middle;

    content: '';
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    display: inline-block;
    width: 1.875rem; 
    height: 1.875rem;
}

.cta__two__info__button:hover::after{
    margin-left: 1rem;
    vertical-align: middle;

    content: '';
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    display: inline-block;
    width: 1.875rem; 
    height: 1.875rem;
}

.menu-falar-com-um-especialista:hover::after{
    margin-left: 1rem;
    vertical-align: middle;

    content: '';
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    display: inline-block;
    width: 1.25rem; 
    height: 1.25rem;


    color: var(--secundária--terciária--100) !important;
}



@media (max-width: 580px) {

    .wpp--white-30::after{
        margin-left: 1rem;
        vertical-align: middle;
        
        content: '';
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        display: inline-block;
        width: 1.5rem; 
        height: 1.5rem;
    }

}


.modal-dialog{
    width: fit-content;
}

.modal-body{
    padding: 0;
}

@media screen and (max-width: 600px) {
    
    .modal.in .modal-dialog {
        transform: translate(10%,20%);
    }
    
    .modal-body img{
        width: 80vw;
        height: 100%;
    }
}