@use './src/styles/framework' as *;

terminal-link {
    overflow: hidden;
    display: inline-flex;
    max-width: 100%;
    max-height: 16px;

    @include tablets {
        display: block;
    }

    a,
    span {
        padding: 0;
        display: inline-block;
        max-width: 100%;

        @include font-small();
        @include desktop() {
            @include font-overflow();
        }
        cursor: pointer;
        color: $light-gray;
        line-height: 16px;
    }

    a {
        text-decoration: underline;

        &:hover {
            color: $blue-light !important;
        }
    }
}

.terminal-link--old,
.terminal-link--old a{
    color: $red !important;
    text-decoration: line-through !important;
}
