.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 9px 20px 7px;
    font-family: var(--display);
    font-size: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: none;
    color: var(--ink);
    border: 2px solid var(--ink);
    cursor: pointer;
    text-decoration: none;
}

.btn:hover,
.btn:focus-visible {
    background: var(--ink);
    color: var(--paper);
}

.btn-wide {
    width: 100%;
}

.btn-link {
    background: none;
    border: none;
    padding: 4px 0;
    font-family: var(--display);
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
    text-decoration: underline;
    cursor: pointer;
}

.btn-danger:hover,
.btn-danger:focus-visible {
    background: var(--red);
    border-color: var(--red);
    color: var(--paper);
}