@layer components{.btn-wide22{background-color:var(--color-neutral);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;isolation:isolate;border:2px solid #fff;border-radius:.5rem;padding:.75rem 3rem;font-weight:900;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000,#fff);mask-image:radial-gradient(circle,#000,#fff)}.btn-wide22:disabled{cursor:default}.btn-wide22 span{z-index:10;color:#fff;transition:color .2s;position:relative}.btn-wide22:before{content:"";aspect-ratio:1;z-index:0;transform-origin:0;background-color:#fff;border-radius:9999px;width:100%;transition:transform .2s;position:absolute;top:50%;left:-100%;transform:translateY(-50%)scale(1)}.btn-wide22:hover:before{transform:translateY(-50%)scale(2.1)}.btn-wide22:hover span{color:var(--color-neutral)}}