.box{--clr-shadow__border:#d9a1ff;--clr-text:#F6F4EB;--clr-space:#ffffff00;--clr-space-gr:#27195000;--size:.5rem;position:center;outline:0 solid var(--clr-shadow__border)}.button{font-weight:600;font-size:1rem;letter-spacing:.2rem;background:transparent;padding:calc(var(--size) / 3) var(--size);border:none;cursor:pointer;color:var(--clr-text);text-shadow:2px 0 var(--clr-shadow__border),0 2px var(--clr-shadow__border),-2px 0 var(--clr-shadow__border),0 -2px var(--clr-shadow__border)}.space{width:100%;height:100%;bottom:0;gap:1.5rem;transition:.5s ease-in-out;z-index:-1;opacity:0;overflow:hidden;position:absolute;display:flex;background:linear-gradient(160deg,var(--clr-space),var(--clr-space-gr))}.box:hover .space{opacity:1}