footer{width:100%;max-width:32rem;display:flex;flex-direction:column;align-items:center;& ul { list-style: none; } & li { display: inline-block; margin-right: 1.5rem; margin-bottom: 1rem; } & #footer-site-nav { display: flex; flex-wrap: wrap; justify-content: center; } & #ai-disclaimer { margin-bottom: 20px; } & aside#search { margin-bottom: 2.5rem; display: flex; flex-direction: column; max-width: 28rem; width: 100%; & #search-input { display: flex; align-items: center; width: 100%; padding: 0.5rem; border-radius: var(--radius-md); border: 4px solid var(--color-border); @media (min-width: 768px) { width: 24rem; } & svg { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; color: var(--color-svg); } & input { color: var(--color-text); width: 100%; background: none; border: none; &::-moz-placeholder { color: var(--color-placeholder); } &::placeholder { color: var(--color-placeholder); } &:focus { outline: none; } &::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } } } & #search-results p { font-size: 1rem; margin-bottom: 0.5rem; } }}