.widgets .linklist
  display: grid
  grid-gap: 8px
  margin: 1em 0

.linklist .link
  border-radius: $border-bar
  background: var(--alpha50)
  color: var(--text-p2)
  border: none
  border-bottom: none
  min-height: 32px
  padding: 2px 4px
  trans1 background
  display: flex
  justify-content: center
  align-items: center
  txt-ellipsis()

.linklist .link span
  padding: 0 4px
  txt-ellipsis()
.linklist .link svg, .linklist .link img
  $size = 16px
  padding: 0 2px
  color: $color-theme
  max-height: 18px
  width: auto
  filter: grayscale(100%) brightness(0.8) opacity(0.8)
  trans1 filter
  flex-shrink: 0

.markdown .linklist.center .link
  border-radius: $border-button

.linklist.left
  grid-gap: 4px
.linklist.left .link
  justify-content: flex-start
  padding: 2px 16px
  img,svg 
    width: 16px
  span 
    padding: 0 8px

.linklist .link:hover
  background: var(--alpha100)
  svg  
    filter: unset