.fancy-button{cursor:pointer;background-color:#a7cd3b;border-radius:6px;padding:12px 24px;font-weight:700;transition:box-shadow .5s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 15px #00000026}@media (min-width:640px){.fancy-button{padding:16px 32px}}.fancy-button:hover{box-shadow:0 25px 40px #00000040}.fancy-button:before,.fancy-button:after{content:"";z-index:0;pointer-events:none;background-color:#101828;width:50%;height:100%;transition:transform .5s;position:absolute;top:0}.fancy-button:before{left:0;transform:translate(-100%)}.fancy-button:after{right:0;transform:translate(100%)}.fancy-button:hover:before,.fancy-button:hover:after{transform:translate(0)}.fancy-button span{z-index:1;color:#101828;align-items:center;gap:8px;transition:color .5s;display:flex;position:relative}.fancy-button:hover span{color:#a7cd3b}