.btn{position:relative;display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;height:3.3rem;padding:.15rem 1.25rem .15rem 3.7rem;outline:none;border:none;font-size:.9rem;background:var(--off-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4rem;cursor:pointer;margin:1rem 0;transform:scale(0);overflow:hidden;white-space:nowrap;box-sizing:border-box}.btn .circle{left:.15rem;transform:translateY(-50%) scale(0);width:3rem;height:3rem;background:var(--hunter-green);border-radius:999px;overflow:hidden;z-index:0;transition:width .5s cubic-bezier(.65,0,.076,1)}.btn .circle,.btn .icon{position:absolute;top:50%;opacity:0}.btn .icon{left:.95rem;transform:translateY(-50%) translateX(0);color:var(--base-100);font-size:1.5rem;z-index:2;transition:transform .5s cubic-bezier(.65,0,.076,1);will-change:transform}.btn .button-text{position:relative;display:inline-block;color:var(--base-500);font-family:Manrope,sans-serif;font-weight:600;line-height:1;white-space:nowrap;z-index:2;transition:color .5s cubic-bezier(.65,0,.076,1)}.btn .line{position:relative;transform:translateY(100%);will-change:transform;padding-bottom:.2em;margin-bottom:-.2em}.btn:hover .circle{width:calc(100% - .3rem)}.btn:hover .icon{transform:translateY(-50%) translateX(.75rem)}.btn:hover .button-text{color:var(--base-100)}