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