.budi-app-download-badges {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem 0;
}

.budi-app-download-badges--compact {
    padding: 0;
    align-items: flex-start;
}

.budi-app-download-badges--compact .budi-app-download-badges__badges {
    justify-content: flex-start;
}

.budi-app-download-badges__promo {
    text-align: center;
}

.budi-app-download-badges__promo-text {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--budi-color-text-primary, #333);
    margin: 0;
}

.budi-app-download-badges__badges {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.budi-app-download-badges__badges--column {
    flex-direction: column;
}

.budi-app-download-badges__badge-link {
    display: inline-block;
    transition: opacity 0.2s ease;
}

.budi-app-download-badges__badge-link:hover {
    opacity: 0.8;
}

.budi-app-download-badges__badge-link:focus {
    outline: 2px solid var(--budi-color-primary, #020044);
    outline-offset: 2px;
}

.budi-app-download-badges__badge-image {
    height: 50px;
    width: auto;
    display: block;
}

.budi-app-download-badges--compact .budi-app-download-badges__badge-image {
    height: 38px;
}

@media (min-width: 768px) {
    .budi-app-download-badges__badge-image {
        height: 60px;
    }

    .budi-app-download-badges--compact .budi-app-download-badges__badge-image {
        height: 44px;
    }
}

/* In medium screens (tablet), show badges on their own line above other footer content */
@media (min-width: 768px) and (max-width: 1199px) {
    .budi-app-download-badges--compact {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}