@layer base{.button{font-family:Diptyque Saint Germain;box-sizing:border-box;text-align:center;width:fit-content;max-width:100%;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;transition:.4s;color:var(--color-black);background:transparent;text-decoration:none;border:none;cursor:pointer}.button-primary:active:not(:disabled){color:var(--State-Pressed);border:var(--border-width-extra-small, 1px) solid var(--State-Pressed, #717171)}.button .button__label:before{transition:.4s}.button__label{display:flex;align-items:center;column-gap:var(--spacings-small-s);position:relative;padding:var(--spacings-small-s, 4px) 0;white-space:nowrap}.banner a:before,.button-secondary .button__label:before,.button-primary--link .button__label:before,.button-secondary--link .button__label:before{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background:currentColor;transition:transform .3s ease}.button-primary{position:relative;font-size:16px;font-weight:400;line-height:18px;letter-spacing:0;background:var(--color-white);margin:var(--spacings-medium-m, 32px) auto auto auto;height:var(--spacings-medium-xl, 48px);padding:0px calc(var(--spacing) * 8);gap:var(--spacings-small-s, 4px);border:var(--border-width-extra-small, 1px) solid var(--color-black);box-shadow:inset 0 -3px 0 0 var(--color-black)}.button-primary:hover,.button-primary:active{box-shadow:inset 0 0 0 0 var(--color-black)}.button-primary:disabled{pointer-events:none;color:var(--State-Disable, #c8c8c8);border-color:var(--State-Disable, #c8c8c8);box-shadow:inset 0 -3px 0 0 var(--State-Disable, #c8c8c8);cursor:initial}.button-secondary{font-size:16px;font-weight:400;line-height:18px;letter-spacing:0;margin:var(--spacings-medium-m, 32px) auto auto auto;height:var(--spacings-small-xl, 16px);padding:0px var(--spacings-small-s, 4px);gap:var(--spacings-small-xs, 2px)}.banner a,.button-primary--link{font-size:14px;font-weight:400;line-height:16px;letter-spacing:0;margin:var(--spacings-medium-xs, 20px) auto auto auto}.button-secondary--link{font-family:Apercu Pro;font-size:12px;font-weight:400;line-height:14px;letter-spacing:0;margin:var(--spacings-medium-xs, 20px) auto auto auto}.button-secondary:hover .button__label:before,.button-primary--link:hover .button__label:before,.button-secondary--link:hover .button__label:before{transform:translateY(calc(var(--spacings-small-xs, 2px) * -1))}.banner a:hover:before{transform:translateY(calc(var(--spacings-small-xs, 2px) * -1))}.button-secondary:active{color:var(--State-Pressed)}.button-secondary:disabled{color:var(--State-Disable, #c8c8c8);cursor:initial}.button--cross-sell{font-family:Apercu pro;font-size:14px;text-transform:uppercase}.button-primary--link svg,.button-secondary--link svg,.button--cross-sell svg{display:none}.shoppable-product__details svg{display:initial}.button.reverse{color:var(--color-white);background:var(--color-black)}.button.reverse path{fill:var(--color-white);transition:.4s}.button.reverse:hover path{fill:var(--color-black)}.button-primary.reverse:hover{color:var(--color-white);background:var(--color-black)}.button-primary.reverse:hover path{fill:var(--color-white)}.button-small{height:var(--spacings-medium-l, 40px);padding:0px var(--spacings-small-l, 12px);gap:var(--spacings-small-xs, 2px)}.button-full{width:100%!important}.button-rounded{border-radius:var(--radius-medium, 4px)}.button.reverse:disabled{background:var(--State-Disable, #c8c8c8);color:#717171;box-shadow:inset 0 0 0 0 var(--color-black);border:none;cursor:initial}.button.reverse:active:not(:disabled){background:var(--State-Pressed, #717171)}.banner a,.button-primary--link:active{color:var(--State-Pressed, #717171)}.button-primary--dot-link{padding:0;background-color:inherit;color:inherit;border:none;box-shadow:none}.button-primary--dot-link .button__label{font-family:var( --typography-label-m-alternatif-font-family, "Diptyque Saint Germain" );font-size:var(--typography-label-m-alternatif-font-size, 16px);font-style:normal;font-weight:var(--typography-label-m-alternatif-font-weight, 400);line-height:var(--typography-label-m-alternatif-line-height, 18px);letter-spacing:var(--typography-label-m-alternatif-letter-spacing, 0);color:inherit;text-decoration:underline;text-underline-offset:calc(var(--spacing) * 3);transition:.3s ease}.button-primary--dot-link .button__label:before{content:initial}.button-primary--dot-link:hover .button__label{text-underline-offset:calc(var(--spacing) * 2)}.button-primary--dot-link svg{pointer-events:none}.button-primary--dot-link.reverse .button__label{text-decoration:none}}@layer variants{.button-primary--no-margin{margin:auto}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/buttons.css.map */