@use "../../../styles/tools/generate";
@use "./config";
@use "./mixins";

@layer components {
  .social-button {
    @include mixins.base;
    @include mixins.size;
  }

  @each $name, $props in config.$social-colors {
    .social-button--#{$name} {
      @include mixins.color($name);
    }
  }
}