.btn-primary {
  padding: 20px 30px;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  gap: 20px;
  border: 3px #ffcf00 solid;
  background-color: #ffcf00;
  color: white;
  border-radius: 20px;
  transition: all 0.3s;
  width: max-content;
}

.btn-primary:hover {
  background-color: transparent;
  color: #ffcf00;
}

.btn-primary svg path {
  fill: #fff; /* Domyślny kolor */
  transition: fill 0.3s ease; /* Płynna animacja */
}

.btn-primary:hover svg path {
  fill: #ffcf00; /* Kolor po najechaniu */
}

.btn-primary svg {
  width: 30px;
}

.icon svg path {
  fill: #000; /* Domyślny kolor */
  transition: all 0.3s; /* Płynna animacja */
}

.icon:hover svg path {
  fill: #ffcf00; /* Kolor po najechaniu */
}