.budi-stickyfootermenu {
    /* Ensure above content but below modals/offcanvas if any */
    z-index: 1029;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
    /* Ensure content clears iOS home indicator and similar bars */
    padding-bottom: 16px;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 16px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}

.budi-stickyfootermenu__list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
}

.budi-stickyfootermenu__item {
    flex: 0 0 25%;
    max-width: 25%;
}

.budi-stickyfootermenu__link {
    width: 100%;
    color: inherit;
    text-decoration: none;
}

.budi-stickyfootermenu__link:visited,
.budi-stickyfootermenu__link:hover,
.budi-stickyfootermenu__link:focus {
    color: inherit;
    text-decoration: none;
}

.budi-stickyfootermenu__icon img,
.budi-stickyfootermenu__icon .budi-svg-icon {
    width: 20px;
    height: 20px;
}

.budi-stickyfootermenu__text {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 6px;
    color: var(--neutral-800);
}

/* Only render when installed as PWA if data-only-standalone="true" */
/* Only render when installed as PWA if component opted-in via class */
.budi-stickyfootermenu--only-standalone {
    display: none;
}

@media (display-mode: standalone) {
    .budi-stickyfootermenu--only-standalone {
        display: block;
    }
}