.read-more{--read-more-icon-size: 1.875rem;--read-more-svg-size: .875rem;--read-more-pointer-events: none;grid-area:read-more;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;pointer-events:var(--read-more-pointer-events)}.read-more__icon,.read-more__circle-icon{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-box-ordinal-group:3;order:2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:var(--read-more-icon-size);height:var(--read-more-icon-size)}.read-more__icon svg,.read-more__circle-icon svg{width:var(--read-more-svg-size);height:var(--read-more-svg-size)}.read-more__icon{color:var(--color-primary)}.read-more__circle-icon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:var(--color-primary);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;color:var(--color-white)}.read-more__text{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;-webkit-transition:max-width .3s ease,opacity .3s ease;-o-transition:max-width .3s ease,opacity .3s ease;-moz-transition:max-width .3s ease,opacity .3s ease;transition:max-width .3s ease,opacity .3s ease}@media screen and (min-width: 48rem){*:where(:has(>.read-more)):has(a:hover) .read-more,*:where(:has(>.read-more)):has(a:focus-visible) .read-more{gap:var(--spacing-xxs)}}*:where(:has(>.read-more)):has(a:hover) .read-more__circle-icon,*:where(:has(>.read-more)):has(a:focus-visible) .read-more__circle-icon{background:var(--color-primary-dark)}@media screen and (min-width: 48rem){*:where(:has(>.read-more)):has(a:hover) .read-more__text,*:where(:has(>.read-more)):has(a:focus-visible) .read-more__text{max-width:100%;opacity:1}}*:where(:has(>.read-more)).dark .read-more__circle-icon{color:var(--color-text);background:var(--color-white)}*:where(:has(>.read-more)).dark:has(a:hover) .read-more__circle-icon,*:where(:has(>.read-more)).dark:has(a:focus-visible) .read-more__circle-icon{background:var(--color-primary-light)}