/* Button V2 Styles - Hostinger Design System */
.h-button-v2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  padding: var(--h-spacing-2xs, 8px) var(--h-spacing-md, 24px);
  border-radius: var(--h-border-radius-md, 12px);
  transition: all 0.2s ease;
  font-family: var(--font-family);
  min-width: 100px;
  position: relative;
  overflow: hidden;
}

.h-button-v2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.h-button-v2__text {
  display: inline-block;
  white-space: nowrap;
}

.h-button-v2__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Text Primary Button */
.h-button-v2--text-primary {
  background: transparent;
  color: var(--h-button-text-primary-color, var(--h-fg-brand-default));
  border: var(--h-button-text-primary-border, 1px solid transparent);
}

.h-button-v2--text-primary:hover:not(:disabled) {
  background: var(--h-button-text-primary-bg-hover, var(--h-bg-brand-tint-default));
  color: var(--h-button-text-primary-color-hover, var(--h-fg-brand-default));
  border: var(--h-button-text-primary-border-hover, 1px solid transparent);
}

.h-button-v2--text-primary:active:not(:disabled) {
  background: var(--h-button-text-primary-bg-hover, var(--h-bg-brand-tint-default));
}

/* Contain Primary Button */
.h-button-v2--contain-primary {
  background: var(--h-button-contain-primary-bg, var(--h-bg-brand-default));
  color: var(--h-button-contain-primary-color, var(--h-fg-brand-inverse-default));
  border: var(--h-button-contain-primary-border, 1px solid transparent);
}

.h-button-v2--contain-primary:hover:not(:disabled) {
  background: var(--h-button-contain-primary-bg-hover, var(--h-bg-brand-hover));
  color: var(--h-button-contain-primary-color-hover, var(--h-fg-brand-inverse-default));
  border: var(--h-button-contain-primary-border-hover, 1px solid transparent);
}

.h-button-v2--contain-primary:active:not(:disabled) {
  background: var(--h-button-contain-primary-bg-hover, var(--h-bg-brand-hover));
}

.h-button-v2--contain-primary:disabled {
  background: var(--h-button-contain-primary-bg-disabled, var(--h-bg-brand-disabled));
  color: var(--h-button-contain-primary-color-disabled, var(--h-fg-brand-inverse-disabled));
  border: var(--h-button-contain-primary-border-disabled, 1px solid transparent);
}