.footer-two-columns-simple {
  --footer-two-columns-simple-background-color: var(--theme-base);

  --footer-two-columns-simple-spacing: var(--theme-spacing);
  --footer-two-columns-simple-spacing-4x: calc(var(--footer-two-columns-simple-spacing) * 4);
  --footer-two-columns-simple-spacing-6x: calc(var(--footer-two-columns-simple-spacing) * 6);
  --footer-two-columns-simple-spacing-8x: calc(var(--footer-two-columns-simple-spacing) * 8);
  --footer-two-columns-simple-spacing-12x: calc(var(--footer-two-columns-simple-spacing) * 12);
  --footer-two-columns-simple-spacing-16x: calc(var(--footer-two-columns-simple-spacing) * 16);

  --footer-two-columns-simple-top-margin-bottom: var(--footer-two-columns-simple-spacing-6x);

  --footer-two-columns-simple-brand-font-size: var(--theme-font-size);
  --footer-two-columns-simple-brand-gap: var(--theme-gap, 1rem);
  --footer-two-columns-simple-brand-color: var(--theme-base-content-soft);
  --footer-two-columns-simple-brand-margin-top: var(--footer-two-columns-simple-spacing-8x, 2rem);

  --footer-two-columns-simple-menu-font-size: var(--theme-font-size);
  --footer-two-columns-simple-menu-line-height: var(--theme-line-height-sm);
  --footer-two-columns-simple-menu-margin-top: var(--footer-two-columns-simple-spacing-8x, 2rem);
  --footer-two-columns-simple-menu-color: var(--theme-base-content-soft);

  container-type: inline-size;
  container-name: footer-two-columns-simple;

  background-color: var(--footer-two-columns-simple-background-color);

  .footer-two-columns-simple__top {
    margin-bottom: var(--footer-two-columns-simple-top-margin-bottom);
  }

  .footer-two-columns-simple__grid {
    padding-bottom: var(--footer-two-columns-simple-spacing-16x);
    padding-top: var(--footer-two-columns-simple-spacing-16x);
    padding-block: var(--footer-two-columns-simple-spacing-12x);

    @container footer-two-columns-simple (min-width: 768px) {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }

  .footer-two-columns-simple__brand {
    display: flex;
    text-align: center;
    color: var(--footer-two-columns-simple-brand-color);
    flex-direction: column;
    align-items: center;
    gap: var(--footer-two-columns-simple-brand-gap);
    font-size: var(--footer-two-columns-simple-brand-font-size);
    margin-top: var(--footer-two-columns-simple-brand-margin-top);

    p {
      margin-bottom: 0;
    }
  }

  .footer-two-columns-simple__menu {
    color: var(--footer-two-columns-simple-menu-color);
    font-size: var(--footer-two-columns-simple-menu-font-size);
    line-height: var(--footer-two-columns-simple-menu-line-height);
    text-align: center;
    margin-top: var(--footer-two-columns-simple-menu-margin-top);

    p {
      margin-bottom: 0;
    }

    @container footer-two-columns-simple (min-width: 768px) {
      margin-top: 0;

      p {
        margin-bottom: 0;
      }
    }
  }
}

