@use "../../../styles/int.scss";

.footer {
  background-color: var(--InteractiveFooter-bg, int.$altblack-90);
  color: var(--InteractiveFooter-fg, white);
  padding-top: int.$spacing-6;
  padding-bottom: int.$spacing-12;

  @include int.sans($size: "100");
}

.content {
  @include int.sans($size: "100"); 

  a:hover {
    text-decoration: underline;
  }
}

.legalLink {
  border-left: 1px solid var(--InteractiveFooter-fg, white);
  padding: 0 int.$spacing-2;

  &:first-of-type {
    border-left: 0;
    padding-left: 0;
  }

  &.hidden {
    display: none;
  }
}
