.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:12px 24px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.btn.v1{background:var(--primary-color);color:#fff}.btn.v1:hover{background:#333}.btn.v2{color:#000;background:#fff;border:1px solid #000}.btn.v2:hover{background:#f2f2f2}.btn.v3{background-color:var(--primary-color);color:#fff;border-radius:calc(var(--radius) * 1.5);padding:18px 40px;font-size:1.2rem;font-weight:200}.btn.v3:hover{background:#943001;transform:translateY(-2px)}.btn.v4{isolation:isolate;border-radius:var(--radius);box-sizing:border-box;color:#fff;background-color:#000;background-position:50%;background-size:cover;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:200;display:inline-flex;position:relative;overflow:hidden}.btn-content{z-index:10;position:relative}.btn.v4:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.btn.v4:before{content:"";border-radius:inherit;background:var(--img-texture);-webkit-mask-composite:xor;pointer-events:none;z-index:1;background-size:cover;padding:4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn.v4:hover:before{animation:4s linear infinite borderMove}@keyframes borderMove{0%{background-position:0 0}to{background-position:300px 0}}