// badge branding

@each $color, $value in $branding-colors {
  .badge-#{$color} {
    @include badge-variant($value);
  }
}

.badge-instagram {
  @include badge-variant($brand-instagram);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  &:hover{
    background: radial-gradient(circle at 30% 134%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
}