.varClass {
  --footerBg: var(--zdt_formAction_bg);
  --footerBorder: var(--zdt_formAction_border);
}

.wrapperDiv {
  position: relative;
  z-index: 1;
  composes: varClass;
}

.footerParent {
  position: relative;
  /* css:theme-validation:ignore */
  /* css:theme-validation:ignore */
  background-color: var(--footerBg);
  border-top: solid 1px var(--footerBorder);
}

.largeFooter {
  padding-block: var(--zd_size24) ;
}

.mediumFooter {
  padding-block: var(--zd_size20) ;
}

.smallFooter {
  padding-block: var(--zd_size10) ;
}

.largePadding {
  padding-inline-start: var(--zd_size60) ;
}

.mediumPadding {
  padding-inline-start: var(--zd_size50) ;
}

.xmediumPadding {
  padding-inline-start: var(--zd_size30) ;
}

.smallPadding {
  padding-inline-start: var(--zd_size25) ;
}

.xsmallPadding {
  padding-inline-start: var(--zd_size20) ;
}

.marginRight {
  composes: dinblk from '~@zohodesk/components/es/common/common.module.css';
}

.largeFooter .marginRight,
.mediumFooter .marginRight {
  margin-inline-end: var(--zd_size15) ;
}

.smallFooter .marginRight {
  margin-inline-end: var(--zd_size12) ;
}

.marginRight:last-child {
  margin-inline-end: 0 ;
}