.block-button{position:relative;display:inline-flex;height:3rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;border-radius:1rem;border-width:1px;font-size:1rem;line-height:1.5rem;line-height:1;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms;transition-timing-function:linear;animation-duration:75ms;animation-timing-function:linear}.block-button span{display:inline-block;white-space:nowrap}.block-button:before{position:absolute;top:50%;left:50%;z-index:0;height:500px;width:750px;transform-origin:bottom;--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0s;transition-duration:.7s;transition-timing-function:linear;--tw-content:" ";content:var(--tw-content);animation-duration:.7s;animation-delay:0s;animation-timing-function:linear}.block-button:after{display:inline-block;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='3' stroke='black' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E%0A");background-size:contain;--tw-brightness:brightness(1);--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.1s;transition-duration:.3s;--tw-content:" ";content:var(--tw-content);animation-duration:.3s;animation-delay:.1s}.block-button:hover:before{--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-scale-x:1;--tw-scale-y:1;background-image:radial-gradient(circle,#b22bde 50%,transparent 0)}.block-button:hover:after,.block-button:hover:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.block-button:hover:after{--tw-rotate:-45deg}