.button-container{perspective:1000px}.button{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),inset 0 -1px 2px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.2),0 0 20px hsla(0,0%,100%,.1);transform:rotateX(15deg) translateZ(0);transition:all .3s cubic-bezier(.68,-.55,.27,1.55);position:relative;cursor:pointer;animation:pulse 2s ease-in-out infinite;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-50px;width:50px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,0),hsla(0,0%,100%,.1),hsla(0,0%,100%,.2),transparent);transform:skewX(-25deg);animation:shine 3s linear infinite;pointer-events:none;z-index:1}.button:after{content:"";position:absolute;bottom:-10px;left:10%;width:80%;height:10px;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0,transparent 70%);z-index:-1}.button:hover{transform:rotateX(0deg) translateZ(15px) scale(1.05);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),inset 0 -1px 2px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.3),0 0 40px hsla(0,0%,100%,.25)}.button:active{transform:rotateX(0deg) translateZ(-5px) scale(.95);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),inset 0 -1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2),0 0 10px hsla(0,0%,100%,.1)}@keyframes pulse{0%,to{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),inset 0 -1px 2px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.2),0 0 20px hsla(0,0%,100%,.1)}50%{box-shadow:inset 0 1px 2px hsla(0,0%,100%,.4),inset 0 -1px 2px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.2),0 0 30px hsla(0,0%,100%,.2)}}@keyframes shine{0%{left:-50px}to{left:250px}}