/* _text.sass */

a
    color: $primary
    text-decoration: underline
    transition: color 0.3s ease-in-out
    &:hover, &:focus
        color: $accent

#quick-links
    text-align: left

#link-list
    display: flex
    gap: $spacing-unit
    align-items: left
    margin: $spacing-unit 0

#link-list h2
    flex: none

#link-list ul
    list-style: none
    margin: 0
    padding: 0
    display: flex
    gap: 1rem
    flex-wrap: wrap

#link-list ul li
    margin: 0
    padding: 0

#link-list ul li a
    padding: 0.3rem 0.6rem
    border-radius: $border-radius
    background: $primary-light
    color: $darkest
    text-decoration: none
    font-weight: 500
    transition: background 0.3s ease-in-out
    &:hover, &:focus
        background: $accent-light
