$social-icons-color: $white !default;
$social-icons-color-hover: $social-icons-color !default;
$social-icons-size: 20px !default;

.social-links {
   display: flex;
   align-items: center;
   flex-wrap: wrap;

   a {
      display: inline-flex;
      align-items: center;
      color: $social-icons-color;
      font-size: $social-icons-size;
      text-decoration: none;
      margin-right: 15px;

      @include haf {
         color: $social-icons-color-hover;
      }

      &:last-child {
         margin-right: 0;
      }
   }

   span {
      display: none;
   }
}
