@import '../../../styles/style.scss';

.link-content {
    @include flex(row, 0.5rem);
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    width: var(--aisera-navigation-link-container-width);

    .text-content {
        width: var(--aisera-navigation-link-text-content-width);

        .text{
            @include ellipseText;
            width: var(--aisera-navigation-link-text-width);
            color: #287FCE;;
        }
        
        .subtext {
            color: gray;
        }
    }

    &.right {
        flex-direction: row-reverse;
    }
    &:hover {
        .text{
            text-decoration: underline;
            @include ellipseText;
        }
    }
}