/* Standardized button styles (primary + outline) */
.green-button,
.outline-button,
.info-button,
.danger-button {
    text-decoration: none;
    border-radius: var(--pill-radius);
    padding: var(--nav-pill-pad-y) var(--nav-pill-pad-x);
    font-size: var(--nav-pill-font);
    line-height: 1;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.green-button {
    color: var(--cream);
    background: linear-gradient(180deg, var(--green), var(--green2));
    border: 0;
}

.outline-button {
    color: var(--green2);
    background: transparent;
    border: 0;
    box-shadow: inset 0 0 0 var(--size-1) var(--green2);
}

.info-button {
    color: var(--ink);
    background: var(--border-light);
    border: 0;
}

.danger-button {
    color: var(--cream);
    background: var(--danger-strong);
    border: 0;
}