.read-more {
    position: relative;
    overflow: hidden;
    max-height: 350px;
    transition: .3s linear;
}

.read-more.expand {
    max-height: unset;
}

.read-more__button__container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(transparent, #fff, #fff);
    padding: 30px;
    transition: .2s linear;
    opacity: 1;
}

.read-more.expand .read-more__button__container {
    opacity: 0;
}

.read-more__button {
    color: #E13A44;
    width: 100%;
    cursor: pointer;   
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.read-more__button i {
    font-size: 10px;
    transform: rotate(90deg);
}