@import '../../../styles/mixins.scss';

.footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: var(--footer-height);
  justify-content: space-between;
  flex-direction: row;
  background-color: var(--theme-color-background-header);
  color: var(--theme-color-components-text-on-dark);
  font-family: var(--theme-text-body-font-family);

  padding: 0.6rem 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  border-top: 1px solid rgba(214, 211, 211, 0.5);
  width: 100%;

  @include screen(tablet) {
    font-size: 10px;
    position: fixed;
    bottom: 0;

  }

  @include screen(mobile) {
    position: fixed;
    bottom: 0;
  }



  a {
    color: var(--theme-color-components-text-on-dark);
    text-decoration: none;
  }

  .links {
    column-gap: 2rem;
    width: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
}