/* Scoped to avoid colliding with Bootstrap styles */
.ss-download .ss-logo {
    width: 112px;
    height: 112px;
    object-fit: contain;
    border-radius: 999px; /* safe for circular logo */
}

/* Optional: give the primary button a bit more “download CTA” presence */
.ss-download .ss-download-btn {
    box-shadow: 0 10px 22px rgba(13, 110, 253, 0.20); /* based on Bootstrap primary */
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .ss-download .ss-download-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(13, 110, 253, 0.26);
    }

/* Slightly tighten the visual rhythm on very small screens */
@media (max-width: 576px) {
    .ss-download .ss-logo {
        width: 92px;
        height: 92px;
    }
}