/* Invitation aux collections commune à tous les articles du blog. */
.blog-page .blog-collections-invitation{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:920px;margin:36px auto 0;padding:26px 28px;border:1px solid var(--line);border-radius:10px;background:var(--linen);text-align:left}
.blog-page #main .blog-collections-invitation h2{margin:5px 0 10px;font:400 25px/1.35 var(--font-title);color:var(--brown)}
.blog-page #main .blog-collections-invitation p{margin:0;font:400 15px/1.65 var(--font-accent);color:var(--brown)}
.blog-page #main .blog-collections-invitation .blog-collections-intro{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
.blog-page #main .blog-collections-invitation .button{flex:none;min-height:48px;max-width:100%;margin:0;padding:13px 20px;gap:22px;font-size:14px;background:var(--copper);color:var(--brown)}
.blog-page #main .blog-collections-invitation .button:hover{background:var(--brown);color:var(--paper)}
.blog-page #main .blog-collections-invitation .button:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
@media(max-width:800px){.blog-page .blog-collections-invitation{display:block;padding:22px;margin-top:28px}.blog-page #main .blog-collections-invitation h2{font-size:23px}.blog-page #main .blog-collections-invitation .button{margin-top:20px}}