.acer-tiers { position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; margin: 1em 0; background: #1f1f1f; }
.acer-tiers--carte { aspect-ratio: 4 / 3; background: #e8ebe4; }
.acer-tiers iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.acer-tiers__bouton { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75em; width: 100%; padding: 1em; border: 0; background: transparent; color: #fff; font: inherit; text-align: center; cursor: pointer; }
.acer-tiers--carte .acer-tiers__bouton { color: #1f1f1f; }
.acer-tiers__icone { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #b00020; color: #fff; font-size: 28px; }
.acer-tiers__texte { max-width: 32em; font-size: .9em; line-height: 1.4; }
.acer-tiers__bouton:hover .acer-tiers__icone, .acer-tiers__bouton:focus-visible .acer-tiers__icone { background: #800018; }
.acer-tiers__bouton:focus-visible { outline: 3px solid #b00020; outline-offset: -3px; }