.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) !important;
}



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

.ui-button--success.p-button:focus {
  box-shadow: 0 0 0 2px rgb(87 105 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;
}