/* Len pozicia bannera. Vzhľad je mrg-glass-panel a mrg-btn-cyan. */
.mrg-consent {
    position: fixed;
    left: var(--mrg-space-md);
    right: var(--mrg-space-md);
    bottom: var(--mrg-space-md);
    z-index: 10000;
    width: auto;
    max-width: 880px;
    max-height: calc(100vh - (2 * var(--mrg-space-md)));
    margin: 0 auto;
    overflow-y: auto;
}

.mrg-consent[hidden] {
    display: none;
}

.mrg-consent-actions,
.mrg-consent-panel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mrg-space-sm);
    margin-top: var(--mrg-space-md);
}

.mrg-consent-panel[hidden] {
    display: none;
}

.mrg-consent-panel {
    flex-direction: column;
    align-items: stretch;
}

.mrg-consent-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mrg-space-md);
}

@media (max-width: 640px) {
    .mrg-consent {
        left: var(--mrg-space-xs);
        right: var(--mrg-space-xs);
        bottom: var(--mrg-space-xs);
        max-height: calc(100vh - (2 * var(--mrg-space-xs)));
    }

    .mrg-consent-actions {
        flex-direction: column;
    }

    .mrg-consent-btn {
        width: 100%;
    }
}