@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); @include screen(mobile) { position: fixed; bottom: 0; } @include screen(tablet) { font-size: 10px; position: fixed; bottom: 0; } @include screen(desktop) { display: flex; } 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; } }