.btn {display:inline-block; font-weight:600; text-align:center; white-space:nowrap; vertical-align:middle; text-transform:uppercase; user-select:none; border:3px solid transparent; font-size:0.9rem; letter-spacing:2px; font-family:var(--font-1) !important; margin:0.2rem 0.2rem; padding:0.4rem 1.2rem; border-radius:4px; transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;} .btn:focus {outline:0; outline:none;} .btn-lg {display:inline-block; font-weight:600; text-align:center; white-space:nowrap; vertical-align:middle; user-select:none; border:2px solid transparent; font-size:0.9rem; margin:0.2rem auto; padding:0.5rem 1.5rem; border-radius:3px; transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;} .btn-sm {display:inline-block; font-weight:600; text-align:center; white-space:nowrap; vertical-align:middle; user-select:none; border:2px solid transparent; font-size:0.8rem; margin:0.2rem auto; padding:0.4rem 1.2rem; border-radius:3px; transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;} .btn-primary {color:#fff; background-color:var(--bs-primary); border-color:var(--bs-primary);} .btn-primary:hover {color:#fff; background-color:var(--bs-primary-l); border-color:var(--bs-primary-d);} .btn-secondary {color:#fff; background-color:var(--bs-secondary); border-color:var(--bs-secondary);} .btn-secondary:hover {color:#fff; background-color:var(--bs-secondary); border-color:var(--bs-secondary-d);} .btn-accent {color:#fff; background-color:var(--bs-accent); border-color:var(--bs-accent);} .btn-accent:hover {color:#fff; background-color:var(--bs-accent); border-color:var(--bs-accent-d);} .btn-outline-primary {color:#000; background-color:transparent; border-color:var(--bs-primary);} .btn-outline-primary:hover {color:#000; background-color:var(--bs-primary); border-color:var(--bs-primary-d); color:#fff;} .btn-outline-secondary {color:#000; background-color:transparent; border-color:var(--bs-secondary);} .btn-outline-secondary:hover {color:#fff; background-color:var(--bs-secondary); border-color:var(--bs-secondary-d);} .btn-outline-accent {color:#000; background-color:transparent; border-color:var(--bs-accent);} .btn-outline-accent:hover {color:#ffffff; background-color:var(--bs-accent); border-color:var(--bs-accent-d);} .btn-white {color:#000; background-color:var(--bs-white); border-color:var(--bs-black);} .btn-white:hover {color:#fff !important; background-color:#333333; border-color:#333333;} .btn-black {color:#fff; background-color:var(--bs-black); border-color:var(--bs-black);} .btn-black:hover {color:#fff; background-color:#333333; border-color:#333333;} .btn-dark {color:#fff; background-color:var(--bs-dark); border-color:var(--bs-dark);} .btn-dark:hover {color:#fff; background-color:#333333; border-color:#232323;} .btn-facebook {color:#fff; background-color:var(--facebook); border-color:var(--facebook);} .btn-facebook:hover {color:#fff; background-color:#3b5998; border-color:#223d76;} .btn-snapchat {color:black; background-color:var(--snapchat); border-color:var(--snapchat);} .btn-snapchat:hover {color:var(--snapchat) !important; background-color:#3d3d3d; border-color:#212121;} .btn-tiktok {color:var(--tiktok); background-color:#fff; border-color:var(--tiktok);} .btn-tiktok:hover {color:#fff !important; background-color:#3d3d3d; border-color:#212121;} .btn-whatsapp {color:#fff; background-color:var(--whatsapp); border-color:var(--whatsapp);} .btn-whatsapp:hover {color:#fff; background-color:#075e54; border-color:#05453d;} .btn-instagram {color:#fff; background-color:var(--instagram); border-color:var(--instagram);} .btn-instagram:hover {color:#fff; background-color:#e1306c; border-color:#9b1340;} .btn-linkedin {color:#fff; background-color:var(--linkedin); border-color:var(--linkedin);} .btn-linkedin:hover {color:#fff; background-color:#0a77b1; border-color:#08486a;} .btn-youtube {color:#fff; background-color:var(--youtube); border-color:var(--youtube);} .btn-youtube:hover {color:#fff; background-color:#fa2b24; border-color:#a9100b;} .btn-google {color:#fff; background-color:var(--google); border-color:var(--google);} .btn-google:hover {color:#fff; background-color:#f73b2a; border-color:#a9100b;} .btn-x {color:#fff; background-color:var(--x); border-color:var(--x);} .btn-x:hover {color:rgb(124,202,251); background-color:#282828; border-color:#171717;} .btn-fill {position:relative; overflow:hidden; z-index:1;} .btn-fill::before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255,255,255,0.2); transition:left 1s ease; z-index:-1;} .btn-fill:hover::before {left:0;} @keyframes btn-fill-animation {0% {left:-100%;} 100% {left:0;}} .btn-fill:hover::before {animation:btn-fill-animation 1s forwards;} .btn-danger {color:#fff; background-color:var(--google); border-color:var(--google);} .btn-danger:hover {color:#fff; background-color:#f73b2a; border-color:#a9100b;}