.mft-seo-text { position: relative; overflow: hidden; }
.mft-seo-text__inner { display: flex; flex-direction: column; gap: 0; }
.mft-seo-text__content { max-height: var(--mft-collapsed, none); overflow: hidden; transition: max-height 420ms ease, clip-path 420ms ease; }
.mft-seo-text__hidden { display: block; }

/* Градиентная маска внизу при свёрнутом состоянии: сверху непрозрачно → к низу полупрозрачно */ 
.mft-seo-text:not(.is-expanded) .mft-seo-text__content {
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.85) 70%, rgba(0,0,0,.35) 100%);
          mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.85) 70%, rgba(0,0,0,.35) 100%);
}

.mft-seo-text__btn-wrap { display: flex; margin-top: 12px; justify-content: center; }
.mft-seo-text__btn {
  cursor: pointer;
  border: none;
  background: #e8eef7;
  color: #223f5e;
  padding: 10px 16px;
  border-radius: 10px;
  transition: transform 180ms ease, opacity 180ms ease;
}
.mft-seo-text__btn:hover { transform: translateY(-1px); opacity: 0.95; }

/* Состояния */
.mft-seo-text.is-animating .mft-seo-text__content { transition: max-height 420ms ease; }
.mft-seo-text.is-expanded .mft-seo-text__content { max-height: none !important; -webkit-mask-image: none; mask-image: none; }

.mft-seo-text__heading { margin: 0 0 12px; font-weight: 600; }