.expandable-content-container {
  padding: var(--spacing-medium) var(--container-margin);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);

  @media (width >= 768px) {
    padding: var(--spacing-big) var(--container-margin);
  }

  @media (width >= 1024px) {
    padding: var(--spacing-medium) var(--container-margin) 50px;
  }

  .expandable-content-wrapper {
    .expandable-content {
      position: relative;
      color: var(--neutrals-sub-texts-paragraphs);
      font-size: var(--fs-small);
      font-weight: var(--fw-400);
      line-height: 1.946rem;
      letter-spacing: 0.14px;

      @media (width >= 768px) {
        line-height: 1.92rem;
        font-size: var(--fs-medium);
      }

      .read-more-button-text {
        letter-spacing: 0.14px;
        line-height: 1.946rem;

        @media (width >= 768px) {
          font-size: var(--fs-medium);
          font-weight: var(--fw-400);
          line-height: 1.92rem;
        }
      }
    }

    .expandable-content.expanded > div {
      max-height: none;
      overflow: inherit;
      display: unset;
    }

    .expandable-content.expanded::after {
      content: none;
    }

    .expandable-content p a {
      text-decoration: underline;
    }

    .expandable-content button {
      padding: 0;
      font-weight: var(--fw-700);
      line-height: 1.9rem;

      @media (width >= 1024px) {
        font-weight: var(--fw-400);
      }

      &:hover:not(:disabled, .disabled) {
        color: var(--primary-color);
      }
    }
  }
}