.btn,button,input:is([type=button],[type=submit],[type=reset]),
input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
  --_border: var(--link);
  --_text: var(--link);
  --_ink-shadow: 0;
  font-weight: var(--font-weight-5);
  border: var(--border-size-1) solid var(--_border);
  box-shadow: var(--shadow-2), 0 0px var(--surface-3), 0 0 0 var(--_highlight-size) var(--_highlight);

  &:is([type=submit], .primary) {
    --_bg: var(--link);
    --_border: var(--link);
    --_text: var(--surface-1);
    --_ink-shadow: 0 1px 0 var(--link);
  }

  &:is(button, .btn).sm {
    padding-block: var(--size-1);
    padding-inline: var(--size-2);
  }

  &:is(button, .btn).lg {
    font-size: var(--font-size-3);
    padding-block: var(--size-3);
    padding-inline: var(--size-6);
  }
}

a.btn {
  text-decoration: none;
  margin: 0;
  display: inline-flex;
}