.cite { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.65rem; font-weight: 500; color: var(--at-ink-mid); background: var(--at-primary-t-5); border: 1px solid var(--at-rule); padding: 0.05rem 0.2rem; border-radius: 0; vertical-align: middle; text-decoration: none; transition: background 0.2s, border-color 0.2s, color 0.2s; white-space: nowrap; cursor: pointer; } .cite:hover { background: var(--at-primary-l-6); border-color: var(--at-primary); color: var(--at-primary); } .cite::before { content: '-'; font-size: 0.6rem; opacity: 0.6; } .cite::after { content: '-'; font-size: 0.6rem; opacity: 0.6; } .u-texte-italique-white { color: #fff; font-style: italic; } .u-texte-italique-primary { color: var(--at-primary); font-style: italic; } @keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } .fade-up { opacity: 0; transform: translateY(18px); } .fade-up.is-visible { animation: fadeUp 800ms ease both; } @media (prefers-reduced-motion: reduce) { .fade-up, .fade-up.is-visible { opacity: 1; transform: none; animation: none; } }