/* Tlačíko odkazu zbytky */
.cta-button {
    display: inline-block;
    padding: 18px 35px; /* Lehce větší pro větší prostor */
    font-size: 22px;    /* Ještě o něco větší písmo pro výraznost */
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    text-align: center; /* Centrování textu, pokud by tlačítko bylo širší */

    /* Vizuální styl - Přizpůsobení barvám a prvkům webu */
    color: white; /* Bílý text pro kontrast */
    background-color: #007bff; /* Modrá, která je na webu často k vidění (např. navigační prvky) */
    border: none;
    border-radius: 6px; /* Mírně zaoblené rohy, podobně jako "Přidat do košíku" */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* Výraznější stín pro "plovoucí" efekt */

    /* Plynulé animace pro moderní interakci */
    transition: background-color 0.3s ease, transform 0.15s ease, box-shadow 0.3s ease;
}

/* Efekt při najetí myší (hover) */
.cta-button:hover {
    background-color: #0056b3; /* Tmavší modrá při najetí */
    transform: translateY(-2px); /* Mírné zvednutí */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35); /* Větší stín */
}

/* Efekt při kliknutí (active/focus) */
.cta-button:active,
.cta-button:focus {
    transform: translateY(1px); /* Mírné zatlačení */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Menší stín */
}

/* Nový obal pro tlačítko, zajišťuje margin a umístění */
.waste-button-wrapper {
    margin: 20px 0 30px 0; /* Odsazení od okolních prvků */
}

.waste-button-wrapper p {
    margin: 0; /* Odstranění marginu u vnitřního <p> */
}

/* Zajištění Z-hladiny pro obal tlačítka */
.waste-button-wrapper {
    /* ... stávající styly ... */
    position: relative; /* Důležité pro z-index */
    z-index: 100;       /* Nastavte vyšší hodnotu než mají okolní prvky */
}