/* Show More
--------------------------------------------- */

.show-more {
    position: relative;
}

.show-more__block {
    max-height: 22.5rem;
    overflow: hidden;
    position: relative;
    transition: max-height var(--transition);
}

.show-more__block::after {
    background: linear-gradient(to bottom, transparent, var(--wp--preset--color--base) 75%);
    bottom: 0;
    content: "";
    height: 10rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.show-more--expanded .show-more__block {
    max-height: none !important;
}

.show-more--expanded .show-more__block::after {
    display: none;
}

.show-more__toggle {
    background: transparent;
    border: none;
    bottom: 0;
    color: var(--wp--preset--color--secondary-accent);
    cursor: pointer;
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 700;
    left: 50%;
    padding: 0;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1;
}

.show-more--expanded .show-more__toggle {
    display: block;
    margin: var(--wp--preset--spacing--medium) auto var(--wp--preset--spacing--large);
    position: static;
    transform: none;
}
