.card {
    position: relative;
    background-color: var(--color-main-light);
    border-radius: 10px;
    padding: 20px 40px;
    transition: opacity .5s, background-color .5s;
}

.card.card-sm {
    padding: 20px;
}

.card.card-no-padding {
    padding: 0;
}

.card.card-shadow {
    -webkit-box-shadow: var(--shadow-alert);
    box-shadow: var(--shadow-alert);
}

.card+.card {
    margin-top: 20px;
}

@media screen and (max-width: 665px) {
    .card {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .card.card-full {
        margin-left: -20px;
        margin-right: -20px;
    }
}