/* components/actions.css */

/* A generic actions group */
.actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 12px 0 18px;
}

/* Mobile: stack */
@media (max-width: 720px) {
    .actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* If you want stacked full-width buttons, add .button--block in markup */
}