.button-icon {
  @apply rounded-small w-6 h-6;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-icon-sm {
  @apply w-8 h-8;
}

.button-icon-md {
  @apply w-10 h-10;
}

.button-icon-lg {
  @apply w-12 h-12;
}

.button-icon-lg .gc-icon svg {
  @apply w-8 h-8;
}

.button-icon .gc-icon {
  @apply fill-neutral-primary;
}

.button-icon:hover {
  @apply bg-neutral-95;
}

.button-icon:hover .gc-icon,
.button-icon:focus .gc-icon {
  @apply fill-neutral-20;
}

.button-icon:active,
.button-icon-active {
  @apply bg-blue-95;
}

.button-icon:active .gc-icon,
.button-icon-active .gc-icon {
  @apply fill-blue-primary;
}

.button-icon-success {
  @apply bg-green-95;
}

.button-icon-success .gc-icon {
  @apply fill-green-primary;
}

.button-icon:disabled {
  opacity: 0.5;
  pointer-events: none;
}
