.draggable {
  background-color: #fff5e1 !important;
  border: 2px solid #e1c48f !important;
  border-radius: 12px;
  padding: 8px 14px;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  cursor: grab;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

/* Drag gomb stílus */
.draggable {
  background-color: #fff5e1 !important;
  border: 2px solid #e1c48f !important;
  border-radius: 12px;
  padding: 8px 14px;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  cursor: grab;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

/* Joubel gomb stílus - pl. Submit, Check gomb */
.h5p-joubelui-button {
  background-color: #2a3235 !important;
  color: #fbf8ed !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-size: 1em !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.h5p-joubelui-button:hover {
  background-color: #575c5b !important;
}

html.h5p-iframe .h5p-content button.h5p-core-button {
  background-color: #2a3235 !important; /* Sötétszürke háttér */
  color: #fbf8ed !important;           /* Bézses szöveg */
  border-radius: 6px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 1em !important;
  padding: 8px 16px !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  cursor: pointer !important;
  text-shadow: none !important;
}

html.h5p-iframe .h5p-content button.h5p-core-button:hover {
  background-color: #575c5b !important; /* Világosabb szürke hover */
}

html.h5p-iframe .h5p-content button.h5p-core-cancel-button {
  background: none !important;
  border: none !important;
  color: #a00 !important;
  cursor: pointer !important;
}

html.h5p-iframe .h5p-content button.h5p-core-cancel-button:hover {
  color: #e40000 !important;
}