#chd-show-more-button {
    font-size: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    margin-top: 10px;
    padding: 0 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    -webkit-transition: color .3s, background .3s, box-shadow .3s;
    -moz-transition: color .3s, background .3s, box-shadow .3s;
    -o-transition: color .3s, background .3s, box-shadow .3s;
    transition: color .3s, background .3s, box-shadow .3s;
    text-align: center;
    white-space: nowrap;
    color: var(--main-color);
    border: 2px solid var(--main-color);
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#chd-show-more-button:hover {
    -webkit-box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    box-shadow: inset 0 4px 14px rgba(0, 0, 0, .36);
    background: -webkit-linear-gradient(315deg, var(--main-color), var(--secondary-color));
    background: -o-linear-gradient(315deg, var(--main-color), var(--secondary-color));
    background: linear-gradient(135deg, var(--main-color), var(--secondary-color));
    color: #fff;
}