@import "./product";
@import "./brand";

.ads-Button {
  @apply font-medium
    justify-center
    items-center
    border
    duration-200
    relative
    inline-flex
    gap-x-2;
}

.ads-Button-icon--invisible {
  @apply invisible;
}

.ads-Button-content--invisible {
  @apply invisible;
}

.ads-Button-loader {
  @apply absolute
    m-auto;
}

.ads-Button--block {
  @apply flex
    w-full;
}

.ads-Button--disabled {
  @apply opacity-50
    pointer-events-none;
}

/* Button.Group */
.ads-ButtonGroup {
  @apply items-center;
}

.ads-ButtonGroup:not(.ads-ButtonGroup--isSegmented) {
  @apply flex-wrap
    gap-2;
}

.ads-ButtonGroup--isSegmented {
  @apply flex-nowrap;
}

.ads-ButtonGroup--isSegmented
  > .ads-ButtonGroup-button:not(:first-of-type)
  .ads-Button {
  @apply rounded-l-none;
}

.ads-ButtonGroup--isSegmented
  > .ads-ButtonGroup-button:not(:last-of-type)
  .ads-Button {
  @apply rounded-r-none
    border-r-0;
}

.ads-ButtonGroup-button {
  display: contents;
}

.ads-ButtonGroup--isFullWidth .ads-Button {
  flex: 1 1 auto;
}