:host ::slotted(footer) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-block-start: var(--gse-semantic-formControl-formBody-paddingBottom);
  border-block-start: var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color);
}

:host(.gux-form-footer-page-desktop) ::slotted(footer) {
  gap: var(--gse-ui-formFooter-page-desktop-gap);
  padding-block: var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);
  padding-inline: var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding);
}

:host(.gux-form-footer-page-mobile) ::slotted(footer) {
  flex-direction: column;
  gap: var(--gse-ui-formFooter-page-mobile-gap);
  align-items: stretch;
  justify-content: center;
  padding-block: var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);
  padding-inline: var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding);
}

:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer) {
  gap: var(--gse-ui-formFooter-sideSheet-desktop-gap);
  padding-block: var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);
  padding-inline: var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding);
}