/* Einheitlicher Button-Stil für Café Pustekuchen */
.cp-button.cp-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 22px;
  border:2px solid #3d3912;
  background:#3d3912;
  color:#fff;
  box-shadow:5px 5px 0 #b39170;
  font:inherit;
  font-weight:bold;
  line-height:1.25;
  text-decoration:none;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.cp-button.cp-button:not(.cp-button--back)::after {
  content:'→';
  font-size:1.35em;
  line-height:1;
  transition:transform .2s ease;
}

.cp-button.cp-button:hover,
.cp-button.cp-button:focus-visible {
  border-color:#5e591d;
  background:#5e591d;
  color:#fff;
  outline:2px solid #fffdf8;
  outline-offset:3px;
}

.cp-button.cp-button:hover:not(.cp-button--back)::after,
.cp-button.cp-button:focus-visible:not(.cp-button--back)::after {
  transform:translateX(5px);
}

.cp-button.cp-button--secondary {
  background:#fffdf8;
  color:#3d3912;
}

.cp-button.cp-button--secondary:hover,
.cp-button.cp-button--secondary:focus-visible {
  border-color:#3d3912;
  background:transparent;
  color:#3d3912;
  outline-color:#3d3912;
}

.cp-button.cp-button--back::before {
  content:'←';
  font-size:1.2em;
  line-height:1;
  transition:transform .2s ease;
}

.cp-button.cp-button--back:hover::before,
.cp-button.cp-button--back:focus-visible::before {
  transform:translateX(-5px);
}

.cp-button.cp-button:disabled {
  cursor:wait;
  opacity:.72;
}