.rms-read-more { margin: 1em 0; }

/* Inline layout keeps the shortcode button on the same line as nearby text. */
.rms-read-more.rms-layout-inline {
    display: inline;
    margin: 0;
}
.rms-layout-inline .rms-content {
    display: inline;
    overflow: visible;
    margin: 0 .35em 0 0;
}
.rms-layout-inline .rms-content[hidden] { display: none; }
.rms-layout-inline .rms-toggle { vertical-align: middle; }

.rms-layout-block { display: block; }
.rms-layout-full { display: block; }
.rms-layout-full .rms-toggle { display: flex; width: 100%; }

.rms-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--rms-icon-gap, 18px);
    box-sizing: border-box;
    border-style: solid;
    border-width: var(--rms-border-width, 0);
    border-color: var(--rms-border-color, #65b82e);
    border-radius: var(--rms-radius, 999px);
    padding: var(--rms-padding-v, 16px) var(--rms-padding-h, 22px);
    color: var(--rms-color, #fff);
    font: inherit;
    font-size: var(--rms-font-size, 16px);
    font-weight: var(--rms-font-weight, 600);
    line-height: 1.3;
    cursor: pointer;
    text-decoration: none;
    transition: filter .2s ease, box-shadow .2s ease;
    -webkit-appearance: none;
    appearance: none;
}

.rms-style-solid .rms-toggle { background: var(--rms-bg, #65b82e); }
.rms-style-gradient .rms-toggle { background: linear-gradient(110deg, var(--rms-bg, #d4d900), var(--rms-bg2, #65b82e)); }
.rms-style-outline .rms-toggle { background: transparent; color: var(--rms-bg, #65b82e); }

.rms-style-solid .rms-toggle:hover,
.rms-style-solid .rms-toggle:focus { background: var(--rms-hover-bg, #56aa24); color: var(--rms-hover-color, #fff); }
.rms-style-gradient .rms-toggle:hover,
.rms-style-gradient .rms-toggle:focus { background: linear-gradient(110deg, var(--rms-hover-bg, #c6cc00), var(--rms-hover-bg2, #56aa24)); color: var(--rms-hover-color, #fff); }
.rms-style-outline .rms-toggle:hover,
.rms-style-outline .rms-toggle:focus { background: var(--rms-hover-bg, #56aa24); color: var(--rms-hover-color, #fff); }

/* Open, active and clicked states keep the same button design. */
.rms-read-more.is-open .rms-toggle,
.rms-read-more.is-open .rms-toggle:active,
.rms-read-more.is-open .rms-toggle:focus { box-shadow: none; transform: none; }

.rms-toggle:hover { filter: brightness(.98); }
.rms-toggle:focus-visible { outline: 3px solid rgba(101, 184, 46, .28); outline-offset: 3px; }
.rms-toggle:active { transform: none; }

.rms-content { overflow: hidden; }
.rms-content[hidden] { display: none; }
.rms-content > :first-child { margin-top: 0; }
.rms-content > :last-child { margin-bottom: 0; }
.rms-mode-normal:not(.rms-layout-inline) .rms-content { margin-bottom: 12px; text-align: left; }

.rms-mode-accordion { overflow: hidden; }
.rms-mode-accordion .rms-accordion-toggle { width: 100%; justify-content: space-between; text-align: left; }
.rms-mode-accordion .rms-content { padding: 18px 0 0; }

.rms-icon {
    display: inline-flex;
    width: var(--rms-icon-size, 18px);
    height: var(--rms-icon-size, 18px);
    flex: 0 0 var(--rms-icon-size, 18px);
    transition: transform .2s ease;
}
.rms-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.rms-rotate-icon-open.is-open .rms-icon { transform: rotate(180deg); }

@media (max-width: 600px) {
    .rms-toggle { max-width: 100%; }
}