.selected-menu-grid-item {
    --selected-menu-grid-item-description-color: var(--rocket-color-grey-600);
    --selected-menu-grid-item-link-color: var(--rocket-color-primary-400);

    $this: &;

    position: relative;

    &__thumb-wrapper {
        @include responsive-ratio(316, 316);

        position: relative;
        overflow: hidden;
        border-radius: var(--rocket-components-border-radius);
    }

    &__thumb {
        @include cover(false);

        img {
            @include size(100%);

            object-fit: cover;
        }
    }

    &__content {
        margin-top: $rocket-spacing-size-4;
    }

    &__title {
        font-weight: 400;
        font-size: 1.75rem;
        font-family: var(--rocket-font-secondary);
        line-height: 1.29;
    }

    &__link {
        color: var(--selected-menu-grid-item-link-color);
        text-decoration: none;

        @include event {
            text-decoration: underline;
        }

        &::after {
            @include cover;
        }
    }

    &__description {
        @extend %base-styles-text;

        margin-top: $rocket-spacing-size-2;
        color: var(--rocket-ui-selected-pages-menu-item-description-color);
    }
}