.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x4);

  /* Creates space between the wrapper and buttonContainer depending on which buttons are present */
  &.hasSpaPage,
  &.hasWellnessPage {
    margin-bottom: 125px;
  }

  &.hasSpaPage.hasWellnessExercisePage {
    margin-bottom: 201px;
  }
}

.buttonContainer {
  background-color: var(--Base-Background-Primary-Normal);
  border-top: 1px solid var(--Base-Border-Subtle);
  padding: var(--Spacing-x4) var(--Spacing-x2);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: grid;
  gap: var(--Spacing-x2);
}
