.button{background-color:var(--color-accent);color:#fff;text-align:center;cursor:pointer;border:3px solid #ffffff4d;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:10px;padding-block:.5rem;padding-inline:1.25rem;font-size:14px;font-weight:700;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.icon{width:24px;height:24px;transition:all .3s ease-in-out}.button:hover{border-color:#fff9;transform:scale(1.04)}.button:active{transform:scale(.99)}.button:hover .icon{transform:translate(-4px)}.button:hover:before{animation:1.5s ease-out infinite shine}.button:before{content:"";opacity:.6;background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);width:100px;height:100%;position:absolute;top:0;left:-100px}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}