.cretamel-banner { box-sizing: border-box; margin: 16px auto; max-width: calc(100% - 32px); }
.cretamel-banner--top { width: 508px; }
.cretamel-banner--bottom { width: 970px; }
.cretamel-banner picture, .cretamel-banner__link { display: block; }
.cretamel-banner .cretamel-banner__image { display: block; width: 100%; max-width: 100%; height: auto; border: 0; }
.cretamel-banner--top .cretamel-banner__image { aspect-ratio: 508 / 63; object-fit: contain; }
.cretamel-banner__link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

@media (max-width: 767px) { .cretamel-banner--desktop { display: none; } }
@media (min-width: 768px) { .cretamel-banner--mobile { display: none; } }

/* Free placement: fills the space where the shortcode is put (article, sidebar...). */
.cretamel-banner--custom { width: 100%; max-width: 100%; margin: 16px 0; }