: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); }
