.read-more-wrapper-block {
    margin-bottom: 24px;
}

.read-more-wrapper-container {
    position: relative;
}

.read-more-wrapper-content {
    position: relative;
    overflow: hidden;
    transition: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
    /* ease-in-out-quad */
    max-height: 200px;
    /* Approximately 8 lines of text */
    mask-image: linear-gradient(to bottom,
            black 60%,
            transparent 95%);
    -webkit-mask-image: linear-gradient(to bottom,
            black 60%,
            transparent 95%);
}

.read-more-wrapper-content.expanded {
    max-height: none;
    mask-image: none;
    -webkit-mask-image: none;
}

.read-more-wrapper-toggle {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    margin-top: 8px;
    transition: all 300ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
    /* ease-in-out-quad */
}

.read-more-wrapper-toggle:hover {
    color: #6F40C4;
    /* blue-600 */
}

.read-more-wrapper-toggle:focus-visible {
    color: #6F40C4;
    /* blue-600 */
    outline: none;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #262262;
}