.footer__wrapper {
  width: 100%;

  background-color: var(--text-color);
}

.footer__container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;

  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer__item {
  font-size: .9em;
  font-weight: 300;
  color: var(--text-color-light);

  opacity: .5;
}

.footer__divider {
  width: 1px;
  height: 12px;

  background-color: var(--text-color-light);

  opacity: .3;
}

@media screen and (max-width: 675px) {
  .footer__container {
    flex-wrap: wrap;

    padding: 1rem;
  }
}