:root {
    --botlink-primary-color:#00f0d4;
    --botlink-secondary-color:#566868;
}
.article-main {
    font-family:inherit;color:var(--botlink-secondary-color);line-height:1.4;font-size:1rem;margin:0 auto;max-width:50rem;padding-inline:2rem;border-radius:.5rem;transition:all 0.3s ease;
    & article {
        margin-bottom:6rem;
        & h1, & h2, & h3 {
            text-align:center;margin-top:2rem;margin-bottom:2rem;width:100%;text-align:center;
        }
        & h2, & h3 {
            margin-bottom:10px;color:var(--botlink-primary-color);padding-inline:2rem;margin-inline:auto;font-weight:700;line-height:1.2;text-transform:uppercase;
        }
        & h1 {
            font-size:1.8rem;margin-bottom:10px;color:var(--botlink-secondary-color);font-weight:700;text-transform:uppercase;
        }
        & h2 {
            font-size:1.6rem;margin:3rem 0 1rem 0;
        }
        & h3 {
            font-size:1.4rem;
        }
        & p {
            margin-bottom:1rem;color:var(--botlink-secondary-color);
            & a {
                color:var(--botlink-primary-color);
            }
        }
        & hr {display:none;}
        & img {
            max-width:100%;display:block;margin:2rem auto;border-radius:1rem;aspect-ratio:16 / 9;object-fit:cover;object-position:center;
        }
        & footer {
            margin-top:2rem;background:none;
            & p {
                text-align:center;width:100%;
            }
            & a.cta {
                background:var(--botlink-primary-color);color:white;padding:1rem 2rem;border-radius:2rem;display:inline-block;margin:0 auto;text-transform:uppercase;font-weight:700;
                &:hover {
                    background:var(--botlink-secondary-color);color:white;
                }
            }
        }
    }
}

body:has([aria-label="Formulaire de contact"]) {
    & a.cta[href*="contact"] {
        display:none;
    }
}