.post-card[hidden] {
    display: none;
}

.post-grid-controls {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.see-more-button {
    min-width: 150px;
    padding: 11px 20px;
    border: 1px solid color-mix(in srgb, var(--primary), transparent 55%);
    border-radius: 999px;
    background: var(--surface-strong);
    color: var(--primary);
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.see-more-button:hover {
    transform: translateY(-2px);
    border-color: var(--primary);
    background: var(--surface-soft);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--primary), transparent 85%);
}

.see-more-button:focus-visible {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}