[data-toggle-content].text-toggle-hidden {
  position: relative;
  height: 500px;
  overflow: hidden;
  margin-bottom: var(--sizing-base);

  & p:first-of-type {
    margin-top: 0;
  }

  &::after {
    position: absolute;
    z-index: 1;
    content: '';
    box-shadow: inset 0 -120px 80px -60px var(--background-color);
    width: 100%;
    height: 20%;
    bottom: 0;
    left: 0;
  }
}

button[data-toggle-button] {
  margin-bottom: var(--sizing-base);
}