.clip-mask{-webkit-mask-composite:destination-in;mask-type:alpha;-webkit-mask-image:url(/images/mask.svg);mask-image:url(/images/mask.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:768px){.clip-mask{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}}
.button{box-sizing:border-box;background-color:var(--color-primary);color:#fff;cursor:pointer;border:2px solid rgba(255,255,255,.3);border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:10px;min-height:0;margin:0;padding:.6rem 1rem;font-size:15px;font-weight:700;line-height:.5rem;transition:all .3s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.icon{width:20px;height:20px;transition:all .3s ease-in-out}.button:hover{border-color:rgba(255,255,255,.6);transform:scale(1.04)}.button:active{transform:scale(.99)}.button:hover:before{animation:1.5s ease-out infinite shine}.button:before{content:"";opacity:.6;background-image:linear-gradient(120deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.8),rgba(255,255,255,0) 70%);width:100px;height:100%;position:absolute;top:0;left:-100px}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}