/*** See More ***/
@property --a {
    syntax: '<color>';
    inherits: false;
    initial-value: #212529;
}

.see-more {
    /*background: -webkit-linear-gradient(white, var(--a));*/
    --a: #212529;
    transition: max-height 0.5s ease-in-out, --a 0.3s ease-in-out;
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.see-more.collapsed {
    --a: #eee;
    overflow: hidden;
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.see-more.dark {
    transition: max-height 0.5s ease-in-out;
    background: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    -moz-background-clip: initial;
    -moz-text-fill-color: initial;
}

.see-more~.see-more-link {
    /*background-color: transparent !important;
    box-shadow: none !important;
    text-decoration: underline;*/
    background-color: var(--main) !important;
    color: #fff !important;
    border-color: var(--main) !important;
    font-size: 15px !important;
    width: auto;
    padding: 12px 40px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

.see-more.dark~.see-more-link {
    color: white;
    outline-color: white;
}

/*** End See More ***/