/* Shared marketing primary CTA.
   Visual source: About “Join our team” (.qabout-button).
   Edge is exactly 1px #449fc6 — do not thicken, omit, or replace with a shadow. */

:root {
  --btn-primary-fill: linear-gradient(110deg, #10196f, #6ed9e2);
  --btn-primary-edge: #449fc6;
  --btn-primary-ink: #fff;
  --btn-primary-radius: 10px;
}

.btn-primary,
.dd-btn,
.pp-hero-primary,
.qabout-button,
.security-page-cta {
  background: var(--btn-primary-fill);
  background-image: var(--btn-primary-fill);
  border: 1px solid var(--btn-primary-edge);
  border-radius: var(--btn-primary-radius);
  color: var(--btn-primary-ink);
  font-weight: 500;
  box-shadow: none;
}

.btn-primary:hover,
.dd-btn:hover,
.pp-hero-primary:hover,
.qabout-button:hover,
.security-page-cta:hover {
  color: var(--btn-primary-ink);
  background: var(--btn-primary-fill);
  background-image: var(--btn-primary-fill);
  border-color: var(--btn-primary-edge);
  filter: brightness(1.12);
  transform: none;
  box-shadow: none;
}

.btn-primary:focus-visible,
.dd-btn:focus-visible,
.pp-hero-primary:focus-visible,
.qabout-button:focus-visible,
.about-page .qabout-button:focus-visible,
.security-page-cta:focus-visible,
.sec-hero-copy .btn-primary:focus-visible,
.hp-security-cta:focus-visible,
#section-knowledge-at-work .qo-cta:focus-visible {
  outline: 3px solid #6ed9e2;
  outline-offset: 5px;
}