/**
 * @file
 * Button component.
 */

.xp-button.btn {
  --bs-btn-padding-y: 0.8125rem;
}

/* On dark bands and panels the filled button turns white. */
.xp-on-dark .xp-button--primary,
.xp-text-light .xp-button--primary {
  --bs-btn-color: var(--xp-bg-dark);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: var(--xp-bg-dark);
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.85);
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.85);
  --bs-btn-active-color: var(--xp-bg-dark);
  --bs-btn-active-bg: rgba(255, 255, 255, 0.85);
  --bs-btn-active-border-color: rgba(255, 255, 255, 0.85);
}

.xp-link {
  font-weight: 600;
  text-decoration: none;
}

.xp-link:hover {
  text-decoration: underline;
}