.btn--primary, .blue-short a {
  display: inline-flex;
  justify-content: center;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgba(18, 104, 210, var(--tw-bg-opacity));
}

.btn--primary:hover, .blue-short a:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(68, 78, 90, var(--tw-bg-opacity));
}

.btn--primary, .blue-short a {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-family: Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  --tw-ring-offset-color: #1268d2;
}

.btn--primary:focus-visible,
.blue-short a:focus-visible {
  outline: 2px dashed #1268d2;
  outline-offset: 2px;
}

.btn--secondary {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(68, 78, 90, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.btn--secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(18, 104, 210, var(--tw-bg-opacity));
}

.btn--secondary {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(18, 104, 210, var(--tw-text-opacity));
}

.btn--secondary:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.btn--secondary {
  font-size: 0.938rem;
}