/* The app's own buttons (.btn--ghost, .btn--primary). The .btn rule here
   deliberately restyles Bootstrap's .btn, so this file has to load after
   vendor/bootstrap/bootstrap.min.css. */

.btn {
    padding: 10px 18px;
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

.btn--ghost {
    background: transparent;
    border-color: var(--border);
    color: var(--ink);
}

.btn--ghost:hover {
    background: var(--surface-2);
}

.btn--primary {
    background: var(--orange);
    color: #fff;
}

.btn--primary:hover {
    background: var(--orange-ink);
    color: #fff;
}

.btn--primary:disabled {
    opacity: .6;
    cursor: not-allowed;
}