/* ===== Buttons ===== */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: var(--radius);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: .95rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.btn:hover {
    text-decoration: none;
}

.btn:active {
    transform: scale(0.97);
}

.btn-primary {
    background: var(--ink);
    color: var(--paper);
}

.btn-primary:hover {
    background: #000;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(20, 23, 26, .18);
}

.btn-volt {
    background: var(--volt);
    color: var(--volt-ink);
}

.btn-volt:hover {
    background: #b6e82f;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(196, 241, 53, .35);
}

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

.btn-ghost:hover {
    border-color: var(--ink);
    background: var(--paper-raised);
}

.btn-danger {
    background: transparent;
    color: var(--alert);
    border-color: var(--alert);
}

.btn-danger:hover {
    background: #FBEAE4;
}

.btn-block {
    width: 100%;
}

.btn-sm {
    padding: 8px 14px;
    font-size: .85rem;
}