.linksWrapper { display: flex; flex-direction: column; gap: var(--Space-x2); @media screen and (min-width: 768px) { flex-direction: row; justify-content: space-between; } } .links { display: flex; flex-direction: column; gap: var(--Space-x1); @media screen and (min-width: 768px) { flex-direction: row; } } .link { text-decoration: none; color: var(--TEMP-sas-40); &:hover { color: var(--TEMP-sas-40); text-decoration: underline; } }