#change-actions {
    cursor: pointer;
}

.actions-card {
    list-style: none;
    display: flex;
    border: 1px solid #DCDFEA;
    border-radius: 8px;
    width: 25%;
    cursor: pointer;
    margin: 16px 0px;
    background: white;
    padding: 8px;
    align-items: center;
}

.actions-card:hover {
    background: var(--e-global-color-1a35c35);
}

.actions-card .name {
    display: flex;
    align-items: center;
    padding-right: 8px;
}

ul.actions-card-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 8px;
}

@media only screen and (max-width: 1440px) {
    
    ul.actions-card-list {
        padding: 0;
        display: flex;
    }

    .actions-card {
        width: 45%;
        margin: 8px 0px;
        padding: 4px;
        /* box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.20); */
    }
}

@media only screen and (max-width: 756px) {
    .actions-card {
        width: 100%;
    }
}