.exemple-back{z-index:40;box-sizing:border-box;-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--color-ink,#211d24);transition:color .2s var(--ease-settle,cubic-bezier(.16, 1, .3, 1)), background-color .2s var(--ease-settle,cubic-bezier(.16, 1, .3, 1)), box-shadow .2s var(--ease-settle,cubic-bezier(.16, 1, .3, 1)), transform .1s var(--ease-settle,cubic-bezier(.16, 1, .3, 1));background:#fffdfb7a;border:1px solid #fff9;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.05rem .6rem .9rem;font-size:.72rem;font-weight:500;line-height:1;display:inline-flex;position:fixed;top:clamp(.9rem,2.4vw,1.35rem);left:clamp(.9rem,2.4vw,1.35rem);box-shadow:inset 0 1px #ffffffb8,0 14px 36px -12px #2d1e1047,0 4px 12px -4px #2d1e1029}.exemple-back__arrow{transition:transform .2s var(--ease-settle,cubic-bezier(.16, 1, .3, 1));font-size:.95rem;line-height:1;display:inline-block}.exemple-back:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.exemple-back:hover{color:var(--color-bordeaux,#2a2620);background:#fffdfba3;box-shadow:inset 0 1px #ffffffd1,0 16px 40px -12px #2d1e1052,0 5px 14px -4px #2d1e102e}.exemple-back:hover .exemple-back__arrow{transform:translate(-2px)}}@media (max-width:420px){.exemple-back__label{display:none}.exemple-back{gap:0;padding:.62rem .72rem}}@media (prefers-reduced-transparency:reduce){.exemple-back{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-paper,#fffdfb)}}@media (prefers-contrast:more){.exemple-back{background:var(--color-paper,#fffdfb);border-color:var(--color-ink,#211d24)}}@media (prefers-reduced-motion:reduce){.exemple-back,.exemple-back__arrow{transition-property:color,background-color,box-shadow}.exemple-back:active,.exemple-back:hover .exemple-back__arrow{transform:none}}