/* Bouton Pixel Rush en largeur libre : reprend le bouton .button du site (main.css)
   qui, lui, a une largeur fixe de 182px. */
.pr-button {
  display: inline-block;
  width: auto;
  height: 54px;
  vertical-align: top;
}
.pr-button .button__inner {
  gap: 24px;
  padding: 12px 16px 12px 22px;
  border: 0;
  font-family: var(--font-main);
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.pr-button .button__inner:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.pr-button .icon__chevron-right { flex-shrink: 0; }

.pr-button--block { display: block; width: 100%; }
.pr-button--block .button__inner { justify-content: space-between; }

.pr-button--small { height: 46px; }
.pr-button--small .button__inner,
.pr-button--small .button__back { height: 40px; }
.pr-button--small .button__inner { gap: 16px; padding: 8px 12px 8px 16px; font-size: 13px; }
.pr-button--small .icon__chevron-right { width: 18px; height: 18px; }

.pr-button--large { height: 64px; }
.pr-button--large .button__inner,
.pr-button--large .button__back { height: 58px; }
.pr-button--large .button__inner { padding: 12px 20px 12px 26px; font-size: 18px; }

/* main.css coupe le coin bas-droit à 31px du haut (prévu pour 48px de haut) : on le rend proportionnel */
.pr-button .button__inner,
.pr-button .button__back {
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 18px) 100%, 0 100%, 0 16px);
}
.pr-button--small .button__inner,
.pr-button--small .button__back {
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 14px) 100%, 0 100%, 0 12px);
}