.btn{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 22px;font-family:var(--display);font-weight:600;font-size:.86rem;letter-spacing:-.01em;background:var(--blue);color:#fff;transition:background .26s}.btn,.btn i{border-radius:var(--radius-pill)}.btn i{width:34px;height:34px;background:rgb(255 255 255/.2);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease),background .26s}.btn svg{width:14px;height:14px}.btn:hover{background:var(--red)}.btn:hover i{transform:rotate(45deg)}.btn--ghost{background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.28);color:#fff}.btn--ghost:hover{background:var(--red);border-color:var(--red)}.btn--line{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn--line i{background:var(--blue-tint);color:var(--blue)}.btn--line:hover{background:var(--red);border-color:var(--red);color:#fff}.btn--line:hover i{background:rgb(255 255 255/.22);color:#fff}.btn--txt{padding:0;background:none;color:var(--ink);font-size:.84rem}.btn--txt i{background:var(--blue);color:#fff;width:38px;height:38px}.btn--txt:hover{background:none;color:var(--red)}.btn--txt:hover i{background:var(--red)}