/* Readmore: presentation state is data, interactive state belongs to the button. */
.fn_readmore[data-readmore-expanded="false"]::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 4em;
    background: -moz-linear-gradient(top,#fff0 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
}
.fn_readmore + button.readmore-toggle {
    appearance:none; background:transparent; border:0; border-bottom:1px solid var(--basic-company);
    border-radius:0; padding:0; font-family:inherit; color:var(--basic-company); cursor:pointer;
}
.fn_readmore + button.readmore-toggle:focus-visible { outline:2px solid var(--basic-company); outline-offset:4px; }