.cc-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin-top: auto;
    padding: 1rem clamp(1rem, 3vw, 2rem);
    border-top: 1px solid color-mix(in srgb, var(--secondaire-1) 35%, transparent);
    background: color-mix(in srgb, var(--principale-2) 96%, black);
}

.cc-footer__copy {
    margin: 0;
    font-size: 0.85rem;
    color: color-mix(in srgb, var(--principale-1) 70%, transparent);
}

.cc-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
}

.cc-footer__links a {
    font-size: 0.85rem;
    color: color-mix(in srgb, var(--principale-1) 80%, var(--secondaire-1));
    text-decoration: none;
}

.cc-footer__links a:hover {
    color: var(--secondaire-1);
    text-decoration: underline;
}

.cc-footer__links a:focus-visible {
    outline: 2px solid var(--secondaire-1);
    outline-offset: 2px;
    border-radius: 2px;
}