footer {
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 40px;
  overflow: hidden;
  line-height: var(--spacing);
  background: radial-gradient(circle at 8% 15%, rgba(215, 25, 32, 0.12) 0 112px, transparent 114px), radial-gradient(circle at 94% 74%, rgba(215, 25, 32, 0.16) 0 128px, transparent 130px), linear-gradient(112deg, #fffdf8 0 58%, #fff0f1 58% 100%);
  border-top: 1px solid var(--outline);
  box-shadow: 0 -12px 36px rgba(23, 25, 31, 0.06);
}

footer.background::before {
  background: radial-gradient(circle at 17% 70%, rgba(215, 25, 32, 0.16) 0 5px, transparent 6px), radial-gradient(circle at 19% 58%, rgba(215, 25, 32, 0.12) 0 3px, transparent 4px), radial-gradient(circle at 81% 31%, rgba(246, 181, 27, 0.42) 0 4px, transparent 5px), radial-gradient(circle at 84% 42%, rgba(246, 181, 27, 0.34) 0 3px, transparent 4px);
  opacity: 1;
}

footer::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -64px;
  z-index: -1;
  width: 360px;
  height: 130px;
  border-radius: 50%;
  background: rgba(215, 25, 32, 0.12);
  transform: rotate(-12deg);
}

footer > * {
  position: relative;
  z-index: 1;
}

footer a {
  color: var(--text) !important;
}

footer a:hover {
  color: var(--primary) !important;
}

footer .icon {
  font-size: var(--xl);
}

/*# sourceMappingURL=footer.css.map */