.p-widget-expandable {
  --height: 20rem;
  --size-button: 2.5rem;

  position: relative;
  overflow: hidden;
  height: var(--height);
}

.p-widget-expandable.is-expanded {
  height: auto;
  padding-bottom: var(--size-button);
}

.p-widget-expandable--size1 {
  --height: 24rem;
}

.p-widget-expandable::after,
.p-widget-expandable__button-wrapper {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
}

.p-widget-expandable::after {
  z-index: 50;
  height: 10rem;
  background: linear-gradient(
    to top,
    rgb(255 255 255 / 100%) 0%,
    rgb(255 255 255 / 70%) 70%,
    rgb(255 255 255 / 0%) 100%
  );
}

.p-widget-expandable.is-expanded::after {
  display: none;
}

.p-widget-expandable__button-wrapper {
  z-index: 60;
}

.p-widget-expandable__button {
  height: var(--size-button);
  padding: 0 1.5rem;
  margin: 0;
}