.link-boxes {
    &__groups {
        margin-top: 48px;
        margin-bottom: 48px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    &__container {
        display: flex;
        flex-direction: column;
        gap: 24px;

        &:before,
        &:after {
            content: initial;
        }
    }

    &__title {
        all: initial;
        font: 700 20px/1 $font-family-sans-serif;
    }

    &__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    &__link {
        display: flex;
        align-items: center;
        gap: 24px;
        height: calc(60px + 28px);
        padding: 14px;
        border: 1px solid currentColor;

        &,
        &:hover,
        &:focus,
        &:active,
        &:visited {
            text-decoration: none;
        }

        &__title {
            all: initial;
            font: 600 12px/1 $font-family-sans-serif;
            color: inherit;
            cursor: inherit;
            flex: 1;
        }

        &:before {
            content: '';
            display: block;
            width: 120px;
            aspect-ratio: 2;
            background: transparent var(--image) no-repeat center center / cover;
        }

        &:after {
            content: '';
            display: block;
            width: 10px;
            height: 22px;
            margin-right: 7px;
            background-color: currentColor;
            mask: var(--icon-chevron) no-repeat center center / contain;
        }
    }

    @media screen and (min-width: 992px) {
        &__list {
            grid-template-columns: 1fr 1fr;
        }

        &__link{
            &__title {
                font-size: 14px;
            }
        }
    }

    @media screen and (min-width: 1200px) {
        &__list {
            grid-template-columns: 1fr 1fr 1fr;
        }

        &__link{
            &__title {
                font-size: 16px;
            }
        }
    }
}
