.btn{width:auto;min-width:12rem;height:3.3rem;font-family:var(--font-body);font-size:var(--type-small);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#f2ede6bf;border:none;border-radius:4rem;outline:none;margin:1rem 0;padding:.15rem;display:inline-block;position:relative;transform:scale(0)}.btn .circle{background:var(--gold);border-radius:4rem;height:3rem;font-size:1.5rem;transition:left .45s cubic-bezier(.65,0,.076,1),right .45s cubic-bezier(.65,0,.076,1) .1s,transform .5s,background-color .3s;position:absolute;top:.15rem;left:.15rem;right:calc(100% - 3.15rem);overflow:hidden;transform:scale(0)}.btn .icon{color:var(--ink);will-change:left;font-size:1.5rem;transition:left .45s cubic-bezier(.65,0,.076,1),color .3s;position:absolute;top:.775rem;left:.95rem;transform:translate(0)}.btn .button-text{text-align:center;color:var(--base-500);font-family:var(--font-body);white-space:nowrap;margin-left:1.25rem;margin-right:0;font-weight:500;line-height:1;transition:margin-left .5s cubic-bezier(.65,0,.076,1),color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn .line{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative;transform:translateY(100%)}.btn .button-spacer{visibility:hidden;vertical-align:top;height:0;font-family:var(--font-body);font-size:var(--type-small);white-space:nowrap;pointer-events:none;padding-left:4.25rem;padding-right:.75rem;font-weight:500;display:inline-block;overflow:hidden}.btn:hover .circle{transition:left .45s cubic-bezier(.65,0,.076,1) .1s,right .45s cubic-bezier(.65,0,.076,1);left:calc(100% - 3.15rem);right:.15rem}.btn:hover .icon{transition:left .45s cubic-bezier(.65,0,.076,1) .1s;left:calc(100% - 2.45rem)}.btn:hover .button-text{color:var(--base-500);margin-left:-1.25rem}@media (max-width:1200px){.btn{min-width:9rem;height:2.7rem;padding:.12rem;font-size:clamp(.78rem,2.8vw,.84rem)}.btn .circle{height:2.45rem;transition:left .45s cubic-bezier(.65,0,.076,1),right .45s cubic-bezier(.65,0,.076,1) .1s,transform .5s;top:.12rem;left:.12rem;right:calc(100% - 2.57rem)}.btn .icon{font-size:clamp(1.12rem,4vw,1.25rem);transition:left .45s cubic-bezier(.65,0,.076,1);top:.58rem;left:.72rem}.btn .button-text{margin-left:.95rem;margin-right:0;font-size:clamp(.78rem,2.8vw,.84rem);transition:margin-left .5s cubic-bezier(.65,0,.076,1),color .3s}.btn .button-spacer{padding-left:3.45rem;padding-right:.85rem;font-size:clamp(.78rem,2.8vw,.84rem)}.btn:hover .circle{transition:left .45s cubic-bezier(.65,0,.076,1) .1s,right .45s cubic-bezier(.65,0,.076,1);left:calc(100% - 2.57rem);right:.12rem}.btn:hover .icon{transition:left .45s cubic-bezier(.65,0,.076,1) .1s;left:calc(100% - 1.97rem)}.btn:hover .button-text{margin-left:-.95rem}}