.card_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.action_center {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .card_grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.75rem;
    }
}

@media (min-width: 1024px) {
    .card_grid {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 2rem;
    }
}