/* --------------------------
   СВЁРНУТЫЙ / РАЗВЁРНУТЫЙ ТЕКСТ
--------------------------- */

.card-text {
    transition: max-height .3s ease;
}

.card-text.collapsed {
    overflow: hidden;
}

.card-text.expanded {
    overflow: visible;
}


/* --------------------------
   КНОПКА "ПОДРОБНЕЕ / СКРЫТЬ"
--------------------------- */

.read-more-btn {
    background: none;
    border: none;
    padding: 0;
    
    /* отступ снизу 10px */
    margin: 0 0 10px 0;

    /* ↓ размер уменьшен на ~20% относительно обычного текста */
    font-size: 100%;
    color: #999999;

    cursor: pointer;

    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;

    transition: color .2s ease, text-decoration-style .2s ease;
}

.read-more-btn:hover {
    color: #666666;
    text-decoration-style: solid;
}

/* Убираем стили bootstrap у btn-link */
.read-more-btn.btn-link {
    color: #999999 !important;
    font-size: 90% !important;
    text-decoration: underline dashed !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
}

.read-more-btn.btn-link:hover {
    color: #444444 !important;
    text-decoration: underline solid !important;
}