JSFiddle - React, Tailwind, and code Playground

by Chuck Tornton

HTML

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
                    <div class="video-description">
                        <p class="video-description__text">
                            Одно из самых узнаваемых архитектурных сооружений. Одно из семи Новых Чудес света. Дворец Дворцов, главная жемчужина страны древних святынь, вечных руин и экзотических городов. Подлинный символ Индии. Величественный, божественный, сияющий Тадж-Махал. Побывать здесь — мечта каждого, кто прибывает в Индию.
                        </p>
                        <p class="video-description__text">9 декабря 2019 года всем гостям <a href="#">Фестиваля Горизонты успеха Артлайф</a> дарит экскурсию «Чудо света», поездку в великий Тадж-Махал!</p>
                        <span>Свернуть</span>
                    </div>

CSS

.video-description {
    width: 700px;
    margin: 100px auto;
    height: auto;
    margin-bottom: 60px;
    span {
        display: inline-block;
        color: #32AAA7;
        position: relative;
        cursor: pointer;
        &:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #32AAA7;
        }
    }
    &__text {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 20px;

        color: #414555;
        a {
            color: #32AAA7;
        }
    }
}