.hexagon-button{background:linear-gradient(90deg,#00ff87,#00c9ff);background-origin:border-box;border:2px solid transparent;border-radius:.5rem;color:#000;cursor:pointer;display:inline-block;font-size:1.25rem;font-weight:700;overflow:hidden;padding:.1rem 2rem;position:relative;text-align:center}.hexagon-button:before{animation:shine 3s ease-in-out infinite;background:#fff9;left:-100%;transform:skew(-30deg);z-index:1}.hexagon-button:after,.hexagon-button:before{content:"";height:100%;position:absolute;top:0;width:100%}.hexagon-button:after{background:linear-gradient(90deg,#00ff87,#00c9ff);border-radius:.5rem;left:0;z-index:-1}@keyframes shine{0%{left:-100%}30%{left:120%}to{left:120%}}