{% scope_css %}

/* --- CONTAINER --- */
.simple-cards__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* --- CARD --- */
.simple-cards__card {
    display: flex;
    align-items: top;      /* vertical centering */
    justify-content: center;  /* horizontal centering */

    flex: 1 1 calc(20% - 16px); /* 5 cards per row */

    border: 2px solid #fff;
    border-radius: 12px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 40px;
    padding-left: 40px;
    box-sizing: border-box;
}

/* --- TEXT --- */
.simple-cards__content {
    text-align: center;
    color: #fff;
}

/* --- TABLET --- */
@media (max-width: 1200px) {
    .simple-cards__card {
        flex: 1 1 calc(33.333% - 13.34px); /* 3 per row */
    }
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .simple-cards__card {
        flex: 1 1 100%;
    }
}

{% endscope_css %}