.custom-button {
  display: flex;
  align-items: center;
  background-color: rgb(
    250,
    93,
    15
  ); /* A fő gomb színe, ami az icon mellett lesz */
  color: #000;
  padding-right: 20px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border: none;
  height: 50px; /* Beállítjuk a gomb magasságát, hogy az ikon elférjen benne */
}

.custom-button:hover {
  background-color: #e65c00;
}
.custom-button .icon-img {
  height: 100%; /* Az ikon kép kitölti a gomb magasságát */
  max-width: 70px; /* Az ikon kép maximális szélessége */
  object-fit: contain; /* Biztosítja, hogy a kép arányosan illeszkedjen */
  margin-right: 15px; /* Térköz az ikon és a szöveg között */
  /* A kép már tartalmazza a narancssárga kört, ezért nincs szükség külön háttérstílusra */
}

a.custom-button {
  color: #000; /* vagy amit szeretnél */
  text-decoration: none;
}

a.custom-button:hover {
  background-color: #e65c00;
  color: #000; /* ne váltson kékre */
  text-decoration: none; /* ne legyen aláhúzva */
}