.btn{font-family:var(--sans);border-radius:var(--r-pill);cursor:pointer;transition:background-color .4s var(--ease-slow), color .4s var(--ease-slow), transform .4s var(--ease-slow), box-shadow .4s var(--ease-slow), border-color .4s var(--ease-slow);letter-spacing:.01em;color:inherit;border:none;align-items:center;gap:10px;padding:17px 30px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn svg{width:15px;height:15px;transition:transform .3s var(--ease)}.btn-solid{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}.btn-solid:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f,0 12px 32px #00000014}.btn-solid:active{transition-duration:.1s;transform:translateY(0);box-shadow:0 2px 8px #0000001a}.btn-solid:hover svg{transform:translate(3px)}.btn-ghost{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn-ghost:hover{background:var(--green);color:#fff;border-color:var(--green)}.btn-dark{background:var(--dark);color:#fff;border:1.5px solid var(--dark)}.btn-dark:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 24px #0000002e}.btn-dark:active{transition-duration:.1s;transform:translateY(0);box-shadow:0 2px 8px #0000001f}.btn-dark:hover svg{transform:translate(3px)}.btn-outline-lt{color:var(--accent);border:1.5px solid var(--g200);background:0 0}.btn-outline-lt:hover{border-color:var(--accent);color:var(--green)}