/* =========================
   CRUD BUTTONS
========================= */

.action-btn {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    transition:
            all .18s ease;

    border-width: 1px;
}

.action-btn i {
    font-size: 1rem;
}

.action-btn:hover {
    transform: translateY(-1px);

    box-shadow:
            0 4px 12px rgba(0,0,0,.14);
}

/* =========================
   NEW BUTTON
========================= */

.new-btn {
    border-radius: 12px;

    padding:
            10px 18px;

    font-weight: 600;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    transition:
            all .18s ease;

    box-shadow:
            0 4px 12px rgba(13,110,253,.18);
}

.new-btn:hover {
    transform: translateY(-1px);

    box-shadow:
            0 6px 18px rgba(13,110,253,.28);
}

/* =========================
   ACTION GROUP
========================= */

.action-group {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* =========================
   GRID
========================= */

.table td {
    vertical-align: middle;
}