/* Shared button materials: application, welcome screen and Django admin. */
.button, .welcome-card .button, input[type=submit], input[type=button],
.submit-row a.closelink, .submit-row a.deletelink, .object-tools a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid #697b9d;
  border-radius: 7px;
  background: linear-gradient(180deg, #2b3954 0%, #1a2540 55%, #151f35 100%);
  box-shadow: inset 0 1px 0 #ffffff26, inset 0 -1px 0 #0007, 0 3px 0 #080d1e, 0 6px 16px #0004;
  color: #edf1ff;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .015em;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
.button:hover, .welcome-card .button:hover, input[type=submit]:hover, input[type=button]:hover,
.submit-row a.closelink:hover, .submit-row a.deletelink:hover, .object-tools a:hover {
  color: #fff;
  border-color: #a1b2d0;
  background: linear-gradient(180deg, #324260 0%, #202d49 55%, #1a263d 100%);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 #ffffff40, inset 0 -1px 0 #0007, 0 4px 0 #080d1e, 0 7px 20px #0005;
}
.button:active, .welcome-card .button:active, input[type=submit]:active, input[type=button]:active,
.submit-row a:active, .object-tools a:active {
  transform: translateY(2px);
  box-shadow: inset 0 2px 4px #0005, 0 1px 0 #080d1e;
}
.button.primary, .welcome-card .google-button, input[type=submit].default,
.login input[type=submit], .object-tools a.addlink {
  color: #fff;
  border-color: #a18cf2;
  background: linear-gradient(180deg, #7355dc 0%, #6245c7 48%, #494bad 100%);
  box-shadow: inset 0 1px 0 #ffffff42, inset 0 -2px 0 #18205066, 0 3px 0 #292047, 0 7px 18px #0005;
}
.button.primary:hover, .welcome-card .google-button:hover, input[type=submit].default:hover,
.login input[type=submit]:hover, .object-tools a.addlink:hover {
  border-color: #c5b4ff;
  background: linear-gradient(180deg, #785be2 0%, #694dcd 48%, #5053b7 100%);
  box-shadow: inset 0 1px 0 #ffffff60, inset 0 -2px 0 #18205066, 0 4px 0 #292047, 0 9px 24px #5541b04d;
}
.button.primary:active, .welcome-card .google-button:active, input[type=submit].default:active,
.login input[type=submit]:active, .object-tools a.addlink:active {
  box-shadow: inset 0 1px 3px #160e3b66, 0 1px 0 #292047, 0 3px 8px #0004;
}
.button.danger, .submit-row a.deletelink, .delete-confirmation input[type=submit] {
  color: #ffd2dc;
  border-color: #b16a83;
  background: linear-gradient(180deg, #69344b, #492237);
  box-shadow: inset 0 1px 0 #ffffff26, inset 0 -1px 0 #220f1c, 0 3px 0 #29131f, 0 6px 16px #0004;
}
.button.danger:hover, .submit-row a.deletelink:hover, .delete-confirmation input[type=submit]:hover {
  border-color: #e296af;
  background: linear-gradient(180deg, #793f58, #55283f);
}
.button.small { min-height: 34px; padding: 7px 12px; font-size: 12px; }
.button:focus-visible, input[type=submit]:focus-visible, input[type=button]:focus-visible,
.submit-row a:focus-visible, .object-tools a:focus-visible {
  outline: 2px solid #67ddff;
  outline-offset: 5px;
}
.button:disabled, .welcome-card .button:disabled, input[type=submit]:disabled, input[type=button]:disabled {
  transform: none;
  opacity: .55;
  box-shadow: inset 0 1px 0 #ffffff14;
  cursor: not-allowed;
}
@media(prefers-reduced-motion: reduce) {
  .button, .welcome-card .button, input[type=submit], input[type=button], .submit-row a, .object-tools a {
    transition: none;
    transform: none;
  }
}