.btn{width:clamp(10.5rem,9rem + 6vw,12rem);height:max(var(--tap), 3.3rem);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(120deg,#f7edd5eb,#e0b972eb);border:none;outline:none;margin:1rem 0;padding:.15rem;font-size:.9rem;display:inline-block;position:relative;overflow:hidden}.btn .circle{width:calc(max(var(--tap), 3.3rem) - .3rem);height:calc(max(var(--tap), 3.3rem) - .3rem);border-radius:var(--radius-pill);background:var(--ink-500);transition:width .5s cubic-bezier(.65,0,.076,1);display:block;position:absolute;top:.15rem;left:.15rem;overflow:hidden}.btn .icon{width:1.4rem;height:1.4rem;color:var(--gold-250);will-change:transform;z-index:2;margin-top:-.7rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:50%;left:.95rem;transform:translate(0)}.btn .icon svg{width:100%;height:100%;display:block}.btn .button-text-wrap{z-index:2;margin-bottom:-.3em;margin-left:1.25rem;padding-bottom:.3em;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.btn .button-text{text-align:center;color:var(--ink-500);font-family:var(--font-manrope), Manrope, sans-serif;white-space:nowrap;font-weight:600;line-height:1.2;transition:color .5s cubic-bezier(.65,0,.076,1);display:block}.btn:hover .circle{width:calc(100% - .3rem)}.btn:hover .icon{transform:translate(.75rem)}.btn:hover .button-text{color:var(--gold-100)}