.media-gallery .media-gallery__cards {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    row-gap: 40px
}

@media (min-width: 821px) {
    .media-gallery .media-gallery__cards {
        gap: 20px
    }
}

.media-gallery .media-gallery__cards .card {
    flex-grow: 0;
    padding: 24px;
    height: unset;
}

@media (min-width: 821px) {
    .media-gallery .media-gallery__cards .card {
        flex: 1 1 calc(33.3333333333% - 16px);
        width: calc(33.3333333333% - 16px)
    }
}

@media (min-width: 821px) and (min-width: 821px) {
    .media-gallery .media-gallery__cards .card {
        flex: 1 1 calc(33.3333333333% - 32px);
        width: calc(33.3333333333% - 32px)
    }
}

.media-gallery .media-gallery__cards .card .card__title {
    font-family: DM Sans,sans-serif;
    font-size: 23px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px;
}

.media-gallery .media-gallery__cards .card .card__link {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    flex-grow: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: fit-content;
    letter-spacing: 1.4px;
    margin-top: 20px;
    padding: 0;
    color: #21282d
}

    .media-gallery .media-gallery__cards .card .card__link:after {
        content: url(../images/icon-arrow-blue.svg);
        display: inline-block;
        margin-left: 10px
    }

    .media-gallery .media-gallery__cards .card .card__link:hover, .media-gallery .media-gallery__cards .card .card__link:focus-visible {
        text-decoration: underline
    }

    .media-gallery .media-gallery__cards .card .card__link:active {
        text-decoration-thickness: 2px
    }

        .media-gallery .media-gallery__cards .card .card__link:active:after {
            content: url(../images/icon-arrow-black.svg)
        }


@media (max-width:992px) {
    .media-gallery__cards {
        flex-direction: column;
    }
}