.grav-c-list-inline-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: $grav-sp-m;
  margin-left: -$grav-sp-m;
  padding: 0;
  list-style-type: none;
  text-align: center;
  
  > li {
    flex: auto;
    margin-top: $grav-sp-m;
    margin-left: $grav-sp-m;
  }

  a {
    display: inline-block;
    text-decoration: underline;

    &:hover {
      color: $grav-co-neutral-asphalt;
    }
    
    &:active {
      background: transparent;
    }
  }

  svg {
    border-bottom: $grav-st-thickness solid $grav-co-neutral-charcoal;
    fill: $grav-co-neutral-charcoal;

    &:hover {
      border-color: $grav-co-neutral-asphalt;
      fill: $grav-co-neutral-asphalt;
    }
  }
}