.deinsa-button {
  min-height: var(--deinsa-control-height);
  padding: 0 1.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  border: 1px solid transparent;
  border-radius: var(--deinsa-radius-sm);
  font-family: inherit;
  font-size: 0.925rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: background var(--deinsa-transition-fast), border-color var(--deinsa-transition-fast), color var(--deinsa-transition-fast), box-shadow var(--deinsa-transition-fast);
}

.deinsa-button--primary {
  color: #fff;
  border-color: var(--deinsa-color-primary);
  background: var(--deinsa-color-primary);
}

.deinsa-button--primary:hover,
.deinsa-button--primary:focus-visible {
  color: #fff;
  border-color: var(--deinsa-color-primary-dark);
  background: var(--deinsa-color-primary-dark);
}

.deinsa-button--outline {
  color: var(--deinsa-color-primary-dark);
  border-color: rgba(63, 163, 61, 0.55);
  background: #fff;
}

.deinsa-button--outline:hover,
.deinsa-button--outline:focus-visible {
  color: var(--deinsa-color-primary-dark);
  border-color: var(--deinsa-color-primary);
  background: #f3f9f3;
}

.deinsa-button--light {
  color: #1d4e2c;
  border-color: #fff;
  background: #fff;
}

.deinsa-button--light:hover,
.deinsa-button--light:focus-visible {
  color: #173c22;
  border-color: #edf7ec;
  background: #edf7ec;
}