#case-branding{
    min-height: 3205px;
    max-height: 4000px;
}
/* Kontener dla przycisków */
.button-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Odstępy między przyciskami */
    width: 100%;
    margin: 0 auto; /* Wyśrodkowanie przycisków */
    padding: 0 16px;
}

/* Stylizacja przycisków */
.custom-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Pełna szerokość */

    height: 200px; /* Stała wysokość */
    background-color: var(--primary-color); /* Niebieski kolor */
    border-radius: var(--border-radius); /* Zaokrąglone rogi */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Subtelny cień */
    text-decoration: none; /* Usunięcie podkreślenia */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Animacja kliknięcia */
}

/* Logo na środku przycisku */
.custom-button img {
    width: 250px; /* Szerokość logo */
    height: auto; /* Automatyczna wysokość */
}
.custom-button .smaller-logo {
    width: auto; /* Szerokość logo */
    height: 40px; /* Automatyczna wysokość */
}

/* Efekt hover */
.custom-button:hover {
    transform: scale(1.02); /* Zmniejszenie przy kliknięciu */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); /* Większy cień */
}

/* Efekt kliknięcia */
.custom-button:active {
    transform: scale(0.95); /* Zmniejszenie przy kliknięciu */
}