#article-summary {
    background-color: #f8f9fa;
    margin-bottom: 20px;
}

#summary__wrap {
    overflow: hidden;
    padding: 10px 20px;
    transition: 0.3s;
}

.show-more::before {
    position: absolute;
    content: "";
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #f8f9fa 10%, transparent 100%);
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.summary--open .show-more::before {
    opacity: 0;
    visibility: hidden;
}

.show-more {
    position: relative;
    text-align: center;
    padding-top: 10px;
    background-color: #f8f9fa;
}

#show-more__button {
    cursor: pointer;
}