.ui-button {
  @apply transition-all duration-200;
}

.ui-button--full-width {
  @apply !w-full;
}

.ui-button--dominant.p-button {
  @apply !bg-dominant-500 border-dominant-500 font-normal text-sm !text-white;
}

.ui-button--dominant.p-button:hover {
  @apply !bg-dominant-600 !border-dominant-600;
}

.ui-button--dominant.p-button:active {
  @apply !bg-dominant-600 !border-dominant-600;
}

.ui-button--dominant.p-button:focus {
  box-shadow: 0 0 0 2px rgb(128 14 19 / 0.2);
}

.ui-button--dominant.p-button.p-button-outlined {
  @apply bg-transparent text-dominant-500 border-dominant-500;
}

.ui-button--dominant.p-button.p-button-outlined:hover {
  @apply bg-dominant-500 text-white;
}

.ui-button--dominant.p-button.p-button-text {
  @apply bg-transparent text-dominant-500 border-transparent;
}

.ui-button--dominant.p-button.p-button-text:hover {
  background-color: rgba(128, 14, 19, 0.1);
}



.ui-button--success.p-button {
  @apply !bg-success !border-success font-normal !text-white;
}

.ui-button--success.p-button:hover {
  @apply !bg-success-active !border-success-active;
}

.ui-button--success.p-button:active {
  @apply !bg-success-active !border-success-active;
}

.ui-button--success.p-button:focus {
  box-shadow: 0 0 0 2px rgb(80 205 137 / 0.25);
}

.ui-button-icon {
  @apply transition-all duration-200;
}

.ui-button--with-end-icon .p-button-label {
  @apply relative;
}

.ui-button-icon-end {
  @apply transition-all duration-200 ml-2;
}