.matomo-consent {
    --matomo-accent: #72bd5d;
    position: fixed;
    z-index: 100000;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    color: #f7faf8;
    font: 400 0.96rem/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.matomo-consent--primal-recon {
    --matomo-accent: #d99b58;
}

.matomo-consent__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(74rem, 100%);
    margin: 0 auto;
    padding: 1.15rem 1.3rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1rem;
    background: rgba(8, 18, 23, 0.97);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(14px);
}

.matomo-consent__copy {
    max-width: 48rem;
}

.matomo-consent__copy strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #fff;
    font-size: 1.02rem;
}

.matomo-consent__copy p {
    margin: 0;
    color: rgba(247, 250, 248, 0.78);
}

.matomo-consent__copy a {
    color: #fff;
    text-decoration-color: var(--matomo-accent);
    text-underline-offset: 0.18em;
}

.matomo-consent__actions {
    display: flex;
    flex: 0 0 auto;
    gap: 0.65rem;
    margin-left: 1.5rem;
}

.matomo-consent button,
.matomo-consent-settings {
    appearance: none;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font: 700 0.84rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.matomo-consent__accept {
    padding: 0.85rem 1.05rem;
    color: #0b171c;
    background: var(--matomo-accent);
}

.matomo-consent__reject {
    padding: 0.85rem 1.05rem;
    color: #f7faf8;
    background: rgba(255, 255, 255, 0.09);
}

.matomo-consent button:hover,
.matomo-consent button:focus-visible,
.matomo-consent-settings:hover,
.matomo-consent-settings:focus-visible {
    outline: 2px solid var(--matomo-accent);
    outline-offset: 3px;
}

.matomo-consent-settings {
    --matomo-accent: #72bd5d;
    position: fixed;
    z-index: 99990;
    right: 0.85rem;
    bottom: 0.85rem;
    padding: 0.58rem 0.78rem;
    color: #eaf0ed;
    background: rgba(8, 18, 23, 0.82);
    box-shadow: 0 0.5rem 1.4rem rgba(0, 0, 0, 0.18);
    opacity: 0.72;
    backdrop-filter: blur(10px);
}

.matomo-consent-settings--primal-recon {
    --matomo-accent: #d99b58;
}

.matomo-consent-settings:hover,
.matomo-consent-settings:focus-visible {
    opacity: 1;
}

@media (max-width: 760px) {
    .matomo-consent__inner {
        display: block;
    }

    .matomo-consent__actions {
        flex-wrap: wrap;
        margin: 1rem 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .matomo-consent *,
    .matomo-consent-settings {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}