@alifd/meet-react/lib/bottom-button/styles/index.css

Fusion Mobile React UI System Component

:root {
  --bottom-button-padding-lr: var(--s-4);
  --bottom-button-padding-tb: var(--s-2);
  --bottom-button-row-gap: var(--s-2);
  --bottom-button-btn-gap: var(--s-2);
}

.mt-bottom-btn {
  padding: var(--bottom-button-padding-tb) var(--bottom-button-padding-lr);
}
.mt-bottom-btn--dividing {
  border-top: var(--line-1) solid var(--color-line1-3);
}
.mt-bottom-btn--safe {
  padding-bottom: calc(constant(safe-area-inset-bottom) + var(--bottom-button-padding-tb));
  padding-bottom: calc(env(safe-area-inset-bottom) + var(--bottom-button-padding-tb));
}
.mt-bottom-btn-container {
  display: grid;
  grid-column-gap: var(--bottom-button-btn-gap);
  grid-template-columns: 1fr;
}
.mt-bottom-btn-container--col-2 {
  grid-template-columns: 1fr 1fr;
}
.mt-bottom-btn-extra {
  padding-bottom: var(--bottom-button-row-gap);
}