/* Direction artistique Alésoir : palette du robot + brun du papillon, boutons en forme d'interrupteur */
:root{--brun:#5D3114}
.btn{border-radius:999px;min-height:60px;padding:0 74px 0 30px;position:relative;border:2px solid #C1D1CF;box-shadow:inset 0 4px 9px rgba(23,31,34,.6);transition:none}
.btn::after{content:"";position:absolute;top:50%;right:5px;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:3px solid #C1D1CF;
  background:repeating-linear-gradient(45deg,rgba(116,139,145,.55) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(116,139,145,.55) 0 2px,transparent 2px 6px),#C1D1CF;
  box-shadow:0 3px 7px rgba(23,31,34,.65);transition:transform .22s cubic-bezier(.4,0,.2,1)}
.btn.plein,.btn.plein:hover{background:var(--brun);color:#C1D1CF}
.btn.plein:hover::after,.btn.plein:focus-visible::after{transform:translateX(-5px)}
.btn.trait,.btn.trait:hover{background:#666B64;color:#C1D1CF;padding:0 30px 0 74px}
.btn.trait::after{right:auto;left:5px}
.btn.trait:hover::after,.btn.trait:focus-visible::after{transform:translateX(5px)}
header .btn{min-height:46px;padding:0 54px 0 20px}
header .btn::after{width:34px;height:34px;margin-top:-17px;right:4px;border-width:2px}
.payer .btn,.payer .btn.plein{border-color:#171F22;background:var(--brun);color:#C1D1CF}
.btn[aria-disabled=true],.payer .btn[aria-disabled=true]{background:#666B64;opacity:1;padding:0 30px 0 74px}
.btn[aria-disabled=true]::after{right:auto;left:5px;transform:none}
.reglages .btn{justify-self:start}
.logo b,.rule{color:#748B91}
.etapes li::before{color:var(--brun)}
.bloc.clair .num{color:var(--brun)}
@media(prefers-reduced-motion:reduce){.btn::after{transition:none}}
@media(max-width:560px){.btn{width:100%;justify-content:flex-start}.header .btn{width:auto}header .btn{width:auto}}