.button--primary,
button.button--primary,
a.button--primary:any-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55em;
  padding: 0.35em 1.3em;
  border: var(--border-width-1) solid;
}

.button--primary::before {
  content: "";
  flex-shrink: 0;
  inline-size: 0.42em;
  block-size: 0.42em;
  transform: rotate(45deg);
}

.button--primary:disabled {
  cursor: not-allowed;
}