@use "../base/mixins" as *;
@use "../base/variables" as *;
@use "../base/typography" as *;

.footer {
  padding: 2.4rem;

  @include media("lg") {
    padding: 1.2rem 1.2rem 16.2rem;
  }

  &__content {
    @include flexCenter();

    flex-direction: column;
    gap: 0.4rem;
    padding: 1.4rem 2.4rem;
    border-radius: 1.6rem;

    @include media("lg") {
      padding: 1rem 2.4rem;
      border-radius: .8rem;
    }

    [data-theme="dark"] & {
      background-color: rgba(#fff, 0.08);
    }

    [data-theme="light"] & {
      background-color: rgba(#fff, 0.4);
    }

    small {
      font-weight: 500;
      color: #9398a0;
    }
  }
}