.btn{display:inline-block;width:12rem;height:auto;padding:.15rem;outline:none;border:none;font-size:.9rem;background:rgba(13,11,10,.75);border:1px solid rgba(198,167,94,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;margin:1rem 0}.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,#d5b77d,#b38a49);font-size:1.5rem;overflow:hidden;transition:width .5s cubic-bezier(.65,0,.076,1)}.btn .icon{top:.775rem;left:.95rem;color:var(--base-500);font-size:1.5rem;transform:translateX(0);will-change:transform}.btn .button-text,.btn .icon{position:absolute;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;color:var(--base-100);font-family:var(--font-body);font-weight:600;line-height:1;white-space:nowrap}.btn .line{position:relative;transform:translateY(100%);will-change:transform;padding-bottom:.2em;margin-bottom:-.2em}.btn:hover .circle{width:100%}.btn:hover .icon{transform:translate(.75rem)}.btn:hover .button-text{color:var(--base-500)}.btn.luxury-btn{display:inline-flex;align-items:center;gap:12px;width:auto;padding:16px 40px;background:transparent;border:1px solid #c9a96e;border-radius:4rem;text-decoration:none;transition:background .4s ease,box-shadow .4s ease}.btn.luxury-btn .button-text{position:static;transform:none;margin:0;color:#ffffff;font-family:var(--font-body);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;transition:color .4s ease}.btn.luxury-btn .luxury-arrow{color:#C9A96E;font-size:16px;line-height:1;transition:color .4s ease}.btn.luxury-btn:hover{background:#C9A96E;box-shadow:0 0 20px rgba(201,169,110,.2)}.btn.luxury-btn:hover .button-text,.btn.luxury-btn:hover .luxury-arrow{color:#1a1a1a}