.list-of-links{margin:-4px}.list-of-links ul{display:flex;flex-direction:column}.list-of-links ul li a{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 1.5rem;position:relative;transition:all .3s}.list-of-links ul li a span{margin-left:1rem;transform:translateX(-8px);transition:transform .3s}.list-of-links ul li a:focus span,.list-of-links ul li a:hover span{transform:translateX(0)}@media (min-width:768px){.list-of-links--horizontal ul{flex-direction:row;flex-wrap:wrap}.list-of-links--horizontal ul li{flex-grow:1}}