.ads-Button--brand {
  @apply shadow-none;
}

.ads-Button--brand.ads-Button--primary {
  @apply bg-gold-400
    text-gray-900
    border-gold-400;
}

.ads-Button--brand.ads-Button--primary:hover,
.ads-Button--brand.ads-Button--primary:active,
.ads-Button--brand.ads-Button--primary:focus,
.ads-Button--brand.ads-Button--primary.ads-Button--depressed {
  @apply bg-transparent
  text-white;
}

.ads-Button--brand.ads-Button--secondary {
  @apply bg-transparent
    text-white
    border-transparent;
}

.ads-Button--brand.ads-Button--secondary:hover,
.ads-Button--brand.ads-Button--secondary:active,
.ads-Button--brand.ads-Button--secondary:focus,
.ads-Button--brand.ads-Button--secondary.ads-Button--depressed {
  @apply border-gold-400;
}

/* Sizes */

.ads-Button--brand.ads-Button--medium {
  @apply h-8
  px-4
  text-h4
  rounded-full;
}

.ads-Button--brand.ads-Button--large {
  @apply h-14
  px-7
  text-h3
  rounded-full;
}