.featured-links {
    padding: rem(80px 0);

    @include sm {
        padding: rem(40px 0);
    }

    &__title {
        text-align: center;
        margin-bottom: rem(40px);

        @include sm {
            margin-bottom: rem(32px);
        }
    }

    a.featured-links__item {
        @include hover {
            box-shadow: rem(0px 3px 12px 0px) #59585840;
        }
    }

    &__item {
        background-color: $c-4;
        padding: rem(32px);
        display: flex;
        flex-direction: column;
        row-gap: rem(16px);
        border-radius: rem(16px);
        flex: 1 1 auto;
        height: auto;
        transition: all .3s;

        @include sm {
            flex: 1 0 auto;
            padding: rem(24px 16px);
        }

        &__icon {
            margin-bottom: rem(24px);
            min-height: rem(60px);
            display: flex;
            align-items: center;

            img {
                width: 100%;
                height: auto;
                max-height: rem(60px);
                max-width: rem(60px);
            }
        }

        &__title {
            margin-bottom: 0;
            color: $c-2;

            @include sm {
                font-size: $fs-24;
            }
        }

        &__text {
            color: $c-2;
        }

        &__link {
            color: $c-5;
            font-size: $fs-18;
            font-weight: $fw-bold;
            margin-left: auto;
            margin-top: auto;
            position: relative;
            padding-top: rem(54px);
            padding-right: rem(20px);

            @include sm {
                padding-top: rem(34px);
            }

            &::after {
                content: '';
                position: absolute;
                bottom: rem(6px);
                right: 0;
                border-right: rem(2px) solid $c-5;
                border-bottom: rem(2px) solid $c-5;
                width: rem(8px);
                height: rem(8px);
                transform: rotate(-45deg);
            }
        }
    }

    .swiper-wrapper {
        column-gap: rem(24px);

        @include sm {
            column-gap: 0
        }
    }
}