/* =========================
   TLACITKO NAD OBRAZKEM
========================= */


.feature-img {
  position: relative;   /* nutné pro absolutní pozicování tlačítka */
  width: 100%;
  margin-top: 10px;
  flex-shrink: 0;
}

/* tlačítko přes obrázek */
.feature-btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  
  background: var(--bila-50);
  padding: 15px 25px; /* můžeš upravit podle potřeby */
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
    backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  transition: background 0.3s ease, transform 0.3s ease;
}

.feature-btn-zelena { border: 2px solid var(--zelena); border-radius: 5px;}
.feature-btn-zluta  { border: 2px solid var(--zluta); }
.feature-btn-cervena { border: 2px solid var(--cervena); }


/* hover efekt */
.feature-btn-zelena:hover {
  background: var(--zelena);
  border-color: var(--zelena);
  color: white;
 /* transform: translateX(-50%) scale(1.05);*/
}
.feature-btn-zluta:hover {
  background: var(--zluta);
  border-color: var(--zluta);
  color: white;
 /* transform: translateX(-50%) scale(1.05);*/
}
.feature-btn-cervena:hover {
  background: var(--cervena);
  border-color: var(--cervena);
  color: white;
 /* transform: translateX(-50%) scale(1.05);*/
}