.site-footer {
background: var(--black);
padding: 22px 0;
}
.site-footer__inner {
max-width: var(--max-w);
margin: 0 auto;
padding: 0 var(--gutter);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.site-footer__brand {
display: flex;
align-items: center;
gap: 10px;
}
.site-footer__name {
font-size: 11px;
color: rgba(255, 255, 255, 0.28);
}
.site-footer__links {
display: flex;
gap: 0;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.site-footer__links li {
list-style: none;
}
.site-footer__links li a {
font-size: 11px;
color: rgba(255, 255, 255, 0.28);
text-decoration: none;
padding: 0 10px;
}
.site-footer__links li:first-child a { padding-left: 0; }
.site-footer__links li a:hover {
color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
.site-footer__inner {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.site-footer__links { gap: 12px; }
}