/* === Gomb stílus: custom-button === */
.custom-button {
  display: inline-block;
  background: linear-gradient(360deg, #02186e, #99089b);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 15px;
  border: 2px solid #fdfcfd;
  box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.2);
  text-decoration: none;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease;
  -webkit-tap-highlight-color: transparent;
}

.custom-button:hover,
.custom-button:focus-visible {
  background: linear-gradient(360deg, #475ae6, #f282e9);
  color: #000000;
  border: 2px solid #ffffff;
  filter: brightness(100%);
  outline: none;
}

.custom-button:active {
  transform: translateY(0.5px);
}