:root {
  --space-unit: 1em;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(5.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
}

.stack-cards {
  --stack-cards-gap: var(--space-sm);
}

.stack-cards__item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: var(--space-md);
  height: 0;
  padding-bottom: 100%;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  overflow: hidden;
  border-radius: 20px;
}

.stack-cards__item>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 30px 30px 30px;
  display: flex;
  flex-direction: column;
}

.stack-cards__item .arrowBtn {
  margin: auto 0 0 0;
  display: none;
}