.et-shorten-to {
    &[aria-expanded="false"] .et-shorten-to-text:after {
        opacity: 1;
        visibility: visible;
    }
    &-collapsed .et-shorten-to-text:after {
        opacity: 1;
        visibility: visible;
    }

    &-text {
        position: relative;
        overflow: hidden;

        &:after {
            visibility: hidden;
            opacity: 0;
            transition: opacity .5s ease;
            left: 0;
            right: 0;
            bottom: 0;
            height: 100%;
            max-height: 50px;
            position: absolute;
            content: '';
            display: block;
            background: linear-gradient(to bottom,rgba($colorContentBackground,0) 0,$colorContentBackground 100%);
        }
        &[aria-expanded="false"]:after {
            opacity: 1;
            visibility: visible;
        }
    }

    &-more,
    &-less {
        .btn {
            font-weight: $font-weight-bold;
            float: none;
        }
        a {
            cursor: pointer;
            font-weight: $font-weight-bold;
            i {
                margin-left: 10px;
            }
        }
    }
}