.btn{display:inline-block;width:12rem;height:auto;padding:.15rem;outline:none;border:1px solid rgba(183,158,80,.3);font-size:.9rem;background:linear-gradient(135deg,rgba(183,158,80,.1),rgba(30,29,29,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;margin:1rem 0;box-shadow:0 4px 16px rgba(183,158,80,.08),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.06);transition:all .3s ease}.btn,.btn .circle{position:relative;border-radius:4rem;transform:scale(0)}.btn .circle{display:block;margin:0;width:3rem;height:3rem;background:linear-gradient(135deg,rgba(183,158,80,.8),rgba(183,158,80,1));font-size:1.5rem;overflow:hidden;transition:width .5s cubic-bezier(.65,0,.076,1);box-shadow:0 2px 8px rgba(183,158,80,.15)}.btn .icon{top:.775rem;left:.95rem;font-size:1.5rem;transform:translateX(0);will-change:transform}.btn .button-text,.btn .icon{position:absolute;color:var(--base-100);transition:all .5s cubic-bezier(.65,0,.076,1)}.btn .button-text{top:50%;left:50%;transform:translate(-50%,-50%);margin:0 0 0 1.25rem;text-align:center;font-family:Manrope,sans-serif;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.3)}.btn .line{position:relative;transform:translateY(100%);will-change:transform;padding-bottom:.2em;margin-bottom:-.2em}.btn:hover{border-color:rgba(183,158,80,.5);background:linear-gradient(135deg,rgba(183,158,80,.15),rgba(30,29,29,.3));box-shadow:0 6px 20px rgba(183,158,80,.12),0 3px 12px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-2px) scale(1)}.btn:hover .circle{width:100%;background:linear-gradient(135deg,rgba(183,158,80,.9),rgba(183,158,80,1));box-shadow:0 3px 12px rgba(183,158,80,.2)}.btn:hover .icon{transform:translate(.75rem)}.btn:hover .button-text{color:var(--base-100)}