main
{
display: grid;
grid-template-columns: 0.5fr 1fr;
gap: 2em;
}
p img
{
display: block;
margin: 1em auto;
}
section:last-of-type > button
{
width: 9em;
margin: 0.25em;
padding: 1em;
vertical-align: top;
background: skyblue;
box-shadow: 0 0.25em 0 var(--clr);
border: none;
border-radius: 2em;
color: var(--clr);
font-weight: bold;
}
section > button i
{
display: block;
font-size: 4em;
}
@media (max-width: 1000px) {
section:last-of-type > button {font-size: 0.75em;}
}
@media (max-width: 700px) {
main
{
display: flex;
flex-direction: column-reverse;
}
}

/* Actualités */
article {font-size: 0.85em;}
article + article {margin-top: 1em;}
article h3
{
margin-bottom: 0.25em;
padding: 0 0.25em;
background: rgb(240,240,240);
border-bottom: 1px solid lightgrey;
}
article h3 date
{
float: right;
opacity: 0.75;
font-size: 0.75em;
}
article p {}
article + button
{
display: block;
margin: auto;
margin-top: 1em;
padding: 0.5em;
background: lightgrey;
border: none;
color: grey;
font-weight: bold;
}