/* Buttons, pills, links */

.btn{font-family:var(--dd-font-ui);font-size:14px;display:inline-block;border-radius:var(--dd-radius-pill);text-decoration:none;transition:transform .25s var(--dd-ease),box-shadow .25s var(--dd-ease),background .25s,color .25s,border-color .25s}

.btn-gradient{color:#fff;background:var(--dd-gradient);padding:13px 26px;box-shadow:var(--dd-shadow-button)}
.btn-gradient:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 38px rgba(255,68,0,.34)}

.btn-gradient-sm{color:#fff;background:var(--dd-gradient);padding:11px 16px;border-radius:var(--dd-radius-pill);box-shadow:0 6px 18px rgba(255,68,0,.22)}
.btn-gradient-sm:hover{color:#fff;box-shadow:0 10px 26px rgba(255,68,0,.34);transform:translateY(-1px)}

.btn-outline{color:var(--dd-ink);padding:13px 26px;border:1px solid rgba(21,18,15,.22)}
.btn-outline:hover{color:var(--dd-ink);background:var(--dd-paper-warm);border-color:rgba(21,18,15,.4)}

.btn-outline-light{color:#fff;padding:15px 28px;border:1px solid rgba(255,255,255,.6)}
.btn-outline-light:hover{color:#fff;background:rgba(255,255,255,.15)}

.btn-solid-dark{color:#fff;background:var(--dd-ink);padding:16px 30px}
.btn-solid-dark:hover{color:#fff;transform:translateY(-2px)}

.btn-solid-white{color:#0E0D0B;background:#fff;padding:15px 30px}
.btn-solid-white:hover{transform:translateY(-2px)}

.btn-text{font-family:var(--dd-font-ui);font-size:14px;color:var(--dd-ink);border-bottom:1px solid rgba(21,18,15,.3);padding-bottom:4px;background:none}
.btn-text:hover{color:var(--dd-signal-4);border-color:var(--dd-signal-4)}

.btn-link-orange{font-family:var(--dd-font-ui);font-size:14px;color:var(--dd-signal-4);background:none}
.btn-link-orange:hover{color:var(--dd-signal-1)}

.pill-tab{font-family:var(--dd-font-ui);font-size:13.5px;padding:11px 20px;border-radius:var(--dd-radius-pill);color:var(--dd-ink);border:1px solid rgba(21,18,15,.2);background:none}
.pill-tab.is-active{color:#fff;background:var(--dd-gradient);border-color:transparent}

.chip{font-family:var(--dd-font-ui);font-size:14px;color:var(--dd-ink-soft);background:var(--dd-paper);border:1px solid rgba(21,18,15,.13);padding:13px 18px;border-radius:var(--dd-radius-pill);display:inline-flex;align-items:center;min-height:22px;transition:all .5s ease}
.chip:hover{border-color:var(--dd-signal-3);color:var(--dd-signal-4)}

.chip-dark{font-family:var(--dd-font-ui);font-size:14px;color:var(--dd-paper);background:var(--dd-slate-deep-2);border:1px solid rgba(251,248,244,.14);padding:13px 18px;border-radius:var(--dd-radius-pill)}
.chip-dark:hover{border-color:var(--dd-signal-3);color:var(--dd-signal-1)}