.btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4rem;outline:none;width:14rem;height:auto;margin:1rem 0;padding:.25rem;font-size:.95rem;transition:border-color .4s;display:inline-block;position:relative;transform:scale(0)}.btn:hover{border-color:#56af7e80}.btn .circle{background:#2a6444;border-radius:4rem;width:3rem;height:3rem;margin:0;font-size:1.5rem;transition:width .5s cubic-bezier(.65,0,.076,1);display:block;position:relative;overflow:hidden;transform:scale(0)}.btn .icon{color:var(--base-100);will-change:transform;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:.775rem;left:.95rem;transform:translate(0)}.btn .button-text{text-align:center;color:var(--base-100);letter-spacing:.05em;white-space:nowrap;margin:0 0 0 1.25rem;font-family:Outfit,sans-serif;font-weight:400;line-height:1;transition:all .5s cubic-bezier(.65,0,.076,1);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:hover .circle{width:100%}.btn:hover .icon{transform:translate(.75rem)}.btn:hover .button-text{color:var(--base-100)}@media (max-width:640px){.btn{width:clamp(12rem,80vw,14rem);margin:.5rem 0}}@media (max-width:375px){.btn{width:90vw;max-width:14rem}}