.fancy-button{--primary: #ed8378;--neutral-1: #f7f8f7;--neutral-2: #e7e7e7;--radius: 14px;cursor:pointer;border-radius:var(--radius);text-shadow:none;border:none;box-shadow:0 .5px .5px 1px #fff3,0 10px 20px #0003,0 4px 5px #0000000d;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;min-width:120px;padding:12px 24px;height:56px;font-family:Simula Book,Inter,Open Sans,sans-serif;font-style:normal;font-size:18px;font-weight:600;flex:1;color:#1a1a1a}@media (min-width: 640px){.fancy-button{height:64px;font-size:19px}}@media (min-width: 1024px){.fancy-button{height:80px;font-size:24px;padding:16px 32px}}.fancy-button:hover{transform:scale(1.02);box-shadow:0 0 1px 2px #ffffff4d,0 15px 30px #0000004d,0 10px 3px -3px #0000000a}.fancy-button:active{transform:scale(1);box-shadow:0 0 1px 2px #ffffff4d,0 10px 3px -3px #0003}.fancy-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.fancy-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);border:2.5px solid transparent;background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,#0000001a,#00000073) border-box;z-index:0;transition:all .4s ease}.fancy-button:hover:after{transform:scale(1.05,1.1);box-shadow:inset 0 -1px 3px #fff}.fancy-button:before{content:"";top:7px;right:6px;bottom:6px;left:6px;position:absolute;background:linear-gradient(to top,var(--neutral-1),var(--neutral-2));border-radius:30px;filter:blur(.5px);z-index:2}.fancy-button__outline{position:absolute;border-radius:inherit;overflow:hidden;z-index:1;opacity:0;transition:opacity .4s ease;top:-2px;right:-3.5px;bottom:-2px;left:-3.5px}.fancy-button__outline:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 180deg,transparent 60%,white 80%,transparent 100%);animation:fancy-spin 2s linear infinite;animation-play-state:paused}@keyframes fancy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fancy-button:hover .fancy-button__outline{opacity:1}.fancy-button:hover .fancy-button__outline:before{animation-play-state:running}.fancy-button__content{z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.fancy-button__text{display:flex;align-items:center;justify-content:center;gap:1px;margin:0}.fancy-button__text span{display:block;opacity:0;animation:fancy-slideDown .8s ease forwards calc(var(--i) * .03s)}.fancy-button:hover .fancy-button__text span{opacity:1;animation:fancy-wave .5s ease forwards calc(var(--i) * .02s)}@keyframes fancy-wave{30%{opacity:1;transform:translateY(4px) translate(0) rotate(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0);color:var(--primary)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes fancy-slideDown{0%{opacity:0;transform:translateY(-20px) translate(5px) rotate(-90deg);color:var(--primary);filter:blur(5px)}30%{opacity:1;transform:translateY(4px) translate(0) rotate(0);filter:blur(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}.fancy-button__icon{display:flex;align-items:center;justify-content:center;z-index:3}.fancy-button__icon svg{width:20px;height:20px}@media (min-width: 640px){.fancy-button__icon svg{width:24px;height:24px}}.fancy-button--outline{--neutral-1: #ffffff;--neutral-2: #f0f0f0;color:#374151}.fancy-button--outline:after{background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,#00000026,#0000004d) border-box}.fancy-button--primary{background:linear-gradient(135deg,#f5f1e9,#e5dfd0);color:#0f0f0f}