.image-text__links {
    display: flex;
    flex-wrap: wrap;
    gap: rem(24px);
    margin-top: rem(24px);

    @include sm {
        row-gap: rem(16px);
    }

    &__item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: rem(8px);
        padding: rem(16px 24px);
        background-color: $c-1;
        width: calc(50% - 12px);
        border-radius: rem(16px);
        color: $c-2;
        font-size: $fs-24;
        font-weight: $fw-medium;
        min-height: rem(150px);
        transition: all .3s;

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

        @include sm {
            width: 100%;
        }

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

            &::after {
                content: '';
                position: absolute;
                top: 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);
            }
        }
    }
}