/* -------------------------------------------------------------------------- */
/* Buttons (a.button)                                                         */
/* -------------------------------------------------------------------------- */

a.button, input.button {
  --btn-scale: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  /* border: 1px solid #d9d9d9; */
  background: #fafafa;
  color: #222;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, transform .05s ease, opacity .15s ease;
}

a.button:hover,
a.button:focus-visible {
  opacity: .92;
  outline: none;
}

a.button:active {
  transform: translateY(1px);
}

/* Primary (blue) */
a.button.button--primary,input.button.button--primary, input.form-submit, a.button.button--purchase {
  background: #00FF00;
  color:#000;
}
a.button.button--primary:hover,input.button.button--primary:hover,input.form-submit:hover,a.button.button--purchase:hover {
  background: #00FF00;
  color:#000;
}
a.button.button--primary:active,input.button.button--primary:active, input.form-submit:active,a.button.button--purchase:active {
  transform: translateY(1px);
}

/* Danger (red) */
a.button.button--danger {
  background: red;
  color:#fff;
}

a.button.dialog-cancel {
  background: #444;
  color: #fff;
}

/* Optional: kdyby byl někde button uvnitř disabled wrapperu */
a.button[aria-disabled="true"] {
  opacity: .55;
  pointer-events: none;
}

/* když jsou vedle sebe v jednom rodiči */
a.button + a.button {
  margin-left: 10px;
}

.button--large {
  padding: 2rem 4rem;      /* 2x větší vnitřní prostor než u běžného buttonu */
  font-size: 150%;         /* 2x větší písmo */
  line-height: 1;
  display: inline-block;
  text-align: center;
}