/* Custom overrides for staging site */
:root {
  --drs-primary-hsl: var(--darkAccent-hsl, 204.39,79.49%,38.24%);
  --drs-light-hsl: var(--lightAccent-hsl, 240,10.53%,92.55%);
}

.sqs-block-button-element,
.sqs-button-element--primary,
.sqs-button-element--secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 2.2rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
}

.sqs-button-element--primary,
.sqs-button-element--primary:link,
.sqs-button-element--primary:visited {
  background-color: hsla(var(--drs-primary-hsl), 1);
  border-color: hsla(var(--drs-primary-hsl), 1);
  color: #fff !important;
  box-shadow: 0 12px 24px -12px hsla(var(--drs-primary-hsl), 0.7);
}

.sqs-button-element--primary:hover,
.sqs-button-element--primary:focus {
  background-color: hsla(var(--drs-primary-hsl), 0.85);
  border-color: hsla(var(--drs-primary-hsl), 0.85);
  color: #fff !important;
  box-shadow: 0 16px 32px -12px hsla(var(--drs-primary-hsl), 0.65);
}

.sqs-button-element--secondary,
.sqs-button-element--secondary:link,
.sqs-button-element--secondary:visited {
  background-color: transparent;
  border-color: hsla(var(--drs-primary-hsl), 1);
  color: hsla(var(--drs-primary-hsl), 1) !important;
}

.sqs-button-element--secondary:hover,
.sqs-button-element--secondary:focus {
  background-color: hsla(var(--drs-primary-hsl), 1);
  border-color: hsla(var(--drs-primary-hsl), 1);
  color: #fff !important;
}

.sqs-block-button-element--medium {
  min-width: 11rem;
}

/* Ensure button groups remain aligned on smaller viewports */
.sqs-block-button-container--center {
  justify-content: center;
  gap: 1rem;
}

.sqs-block-button-container--right {
  justify-content: flex-end;
  gap: 1rem;
}

.sqs-block-button-element:focus {
  outline: 2px solid hsla(var(--drs-primary-hsl), 0.4);
  outline-offset: 2px;
}