:root{
    --clr01: #2a2b66;
    --clr02: #0168b3;
    --clr03: #48a142;

    --hclr: var(--clr01);

    --rgb01: 0, 41, 107;
    --rgb02: 0, 101, 145;
    --btnft: var(--ft-t2);
    --btnbgclr: var(--clr01);
    --btnhovbgclr: var(--clr03);
    --btnborderclr: var(--btnbgclr);
    --btnhovborderclr: var(--btnhovbgclr);
    --btnclr: var(--clr01x, #fff);
    --btnp: 12px 15px;
    --lblfont: var(--ft-t2, inherit);
    --btnborderrad: 3px;
    --btnminwidth: 150px
}

section {
    --secttlclr: var(--clr01);
}
.btn.f i {
    font-size: 200%;
    margin: 0 6px 0 0;
}
.btn.f > * {
    display: inline-flex;
    vertical-align: middle;
}
.ttldecor-btm:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 90px;
    height: 3px;
    background-color: var(--clr01);
}
.tmp-3 .btn > *:nth-child(2) {
width: 18px;
margin: 0 0 0 6px;
}
.tmp-3 .btn > *:nth-child(2) .bg-mask {
    --mkclr: #fff
}
.tmp-3 .btn.btnWhatsapp, 
.tmp-3 .btn.btnCatalogue {
    border-radius: 0;
} 
.tmp-3 .btn.btnWhatsapp {
    --bgclr: #02ba24 !important;
    --bghvclr: #1cd43e !important;
    --btnclr: #fff
}
.tmp-3 .btn.btnCatalogue {
    --bgclr: #00aeef !important;
    --bghvclr: #2cc7ff !important;
    --btnclr: #fff
}