.btn{
    transition: all 0.4s!important;
    border-radius: 3px!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    padding-top: .75rem!important;
    padding-bottom: .75rem!important;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: 400;

    ion-icon{
      margin-bottom: -3px;
    }
}

.btn-menu{
    background: $btn-menu-color;
    color: $btn-menu-font-color!important;
    font-weight: $btn-menu-font-weight!important;
}
.btn-menu:hover{
    background: $btn-menu-color-hover;
    color: $btn-menu-font-color-hover!important;
    font-weight: $btn-menu-font-weight-hover!important;
}

.btn-outline-white{
    background: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF!important;
}
.btn-outline-white:hover{
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
    color: #000000!important;
}
.btn-yellow{
    background: #FFBF1B;
    color: #000000!important;
}
.btn-yellow:hover{
    background: #C1640E;
    color: #000000!important;
}
.btn-black{
    background: #000000;
    color: #FFFFFF!important;
}
.btn-black:hover{
    background: #FFF;
    color: #000!important;
    font-weight: 700!important;
}
.btn-blue{
    background: #002E63;
    color: #FFF;
}
.btn-blue:hover{
    background: #001732;
    color: #FFF;
}

.btn-whats{
    background: transparent;
    border: 2px solid #0AAC5F;
    color: #0AAC5F;
    ion-icon{
        font-size: 16px;
        color: #0AAC5F;
        margin-bottom: -3px;
    }
}
.btn-whats:hover{
    background: #0AAC5F;
    color: #FFF;
    ion-icon{
        color: #FFF;
    }
}