.news-events-item {
    $this: &;

    align-items: center;
    box-shadow: $rocket-shadow-md;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 100px;
    padding: 25px 20px;

    @include breakpoint(sm) {
        align-items: flex-start;
        padding: 40px;
    }

    @include event {
        #{$this}__action-icon {
            transform: translateX(10px);
        }
    }

    &__title {
        color: var(--rocket-color-secondary-100);
        font-size: 2.1875rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;

        @include breakpoint(sm) {
            text-align: left;
        }
    }

    &__title-link {
        @include line-clamp(3);

        color: inherit;
        text-decoration: none;

        &::after {
            @include cover;
        }

        @include event {
            text-decoration: underline;
        }
    }

    &__action {
        display: inline-flex;
        color: var(--rocket-color-secondary-100);
        column-gap: 36px;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1;
    }

    &__action-text {
        color: inherit;
        border-bottom: 1px solid currentColor;
        display: block;
        font-size: inherit;
        padding: 0 4px 2px;
    }

    &__action-icon {
        @include transition(transform);
        @include size(31px, 21px);

        display: block;
        pointer-events: none;
        will-change: transform;

        svg {
            @include size(100%, auto);

            display: block;
            fill: currentColor;
        }
    }
}