/* button.css — Button variants */

.btn {
    display: inline-flex; align-items: center; gap: 8px;
    text-decoration: none; font-size: 0.8125rem; font-weight: 600;
    padding: 10px 20px; border-radius: 8px;
    transition: all 0.2s var(--ease); cursor: pointer;
}

.btn-fill {
    background: var(--ink); color: var(--white);
    border: 1px solid var(--ink);
}
.btn-fill:hover { background: var(--accent); border-color: var(--accent); }

.btn-ghost {
    background: transparent; color: var(--mid);
    border: 1px solid var(--rule);
}
.btn-ghost:hover { border-color: var(--ink); color: var(--ink); }

@media (max-width: 900px) {
    .btn { min-height: 44px; }
}