:root{--mono-w:calc(25.8 * var(--u));--mono-h:calc(27.9 * var(--u));--ghost-border:max(1px,calc(1 * var(--u)))}.button{position:relative;display:inline-flex;align-items:center;isolation:isolate;margin-left:calc(20*var(--u));height:calc(40*var(--u));padding:0 calc(20*var(--u)) 0 calc(35*var(--u));border-radius:0;border:0;background:transparent;color:var(--color3);text-decoration:none;white-space:nowrap;font-family:var(--font1);font-size:var(--button-size);font-weight:300;letter-spacing:0;line-height:1;text-transform:uppercase;transition:color var(--t-court) var(--ease-soft)}.button:before{background:var(--color1)}.button:after,.button:before{content:"";position:absolute;inset:0;z-index:0;mask-image:var(--notch);-webkit-mask-image:var(--notch)}.button:after{background:var(--color1-dark);-webkit-clip-path:circle(0 at calc(-20 * var(--u)) 50%);clip-path:circle(0 at calc(-20 * var(--u)) 50%);transition:-webkit-clip-path var(--t-moyen) var(--ease-out);transition:clip-path var(--t-moyen) var(--ease-out);transition:clip-path var(--t-moyen) var(--ease-out),-webkit-clip-path var(--t-moyen) var(--ease-out)}.button:focus-visible:after,.button:hover:after{-webkit-clip-path:circle(150% at calc(-20 * var(--u)) 50%);clip-path:circle(150% at calc(-20 * var(--u)) 50%)}.button-badge{position:absolute;z-index:2;left:calc(-20*var(--u));top:50%;transform:translateY(-50%);display:grid;place-items:center;width:calc(40*var(--u));height:calc(40*var(--u));color:var(--color1);transition:transform var(--t-long) var(--ease-soft)}.button-badge svg{display:block;width:var(--mono-w);height:var(--mono-h);overflow:visible}.btn-name{position:relative;z-index:1;display:block}.button.button-ghost:before{background:var(--color1);mask-image:var(--notch),var(--notch-inner);mask-size:100% 100%,calc(100% - var(--ghost-border)) calc(100% - 2*var(--ghost-border));mask-position:0 0,0 var(--ghost-border);mask-repeat:no-repeat;mask-composite:exclude;-webkit-mask-image:var(--notch),var(--notch-inner);-webkit-mask-size:100% 100%,calc(100% - var(--ghost-border)) calc(100% - 2*var(--ghost-border));-webkit-mask-position:0 0,0 var(--ghost-border);-webkit-mask-repeat:no-repeat;-webkit-mask-composite:xor}.button.button-ghost{margin-left:calc(var(--mono-w)/2);padding:0 calc(15*var(--u)) 0 calc(26*var(--u));background:transparent;border:0;color:var(--color4)}.button.button-resa{width:calc(219*var(--u));justify-content:center;padding-right:calc(24*var(--u));font-weight:500}.button:focus-visible .button-badge,.button:hover .button-badge{transform:translateY(-50%) rotate(1turn) scale(1.06)}.button{transition:color var(--t-court) var(--ease-soft),transform var(--t-court) var(--ease-soft)}.button:focus-visible,.button:hover{transform:translateY(calc(-2 * var(--u)))}.button.button-ghost .button-badge{left:calc(-1*var(--mono-w)/2);width:var(--mono-w);height:var(--mono-h);background:transparent}.button.button-ghost:after{background:var(--color1)}.button.button-ghost:focus-visible,.button.button-ghost:hover{color:var(--color3)}.button:focus-visible{outline:2px solid var(--color1);outline-offset:calc(4*var(--u))}@keyframes sonnerie{0%{transform:rotate(0deg)}12%{transform:rotate(-12deg)}24%{transform:rotate(12deg)}36%{transform:rotate(-8deg)}48%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}72%{transform:rotate(5deg)}84%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}.button-tel{position:relative;display:inline-flex;align-items:center;gap:calc(12*var(--u));text-decoration:none;color:var(--color4);font-family:var(--font1);font-size:var(--small-size);font-weight:300;line-height:1.3571428571}.button-tel:before{content:"";position:absolute;top:50%;left:calc(13*var(--u));z-index:0;width:calc(41*var(--u));height:calc(41*var(--u));border-radius:50%;background:var(--color1);transform:translate(-50%,-50%) scale(0);transition:transform var(--t-moyen) var(--ease-out)}.button-tel svg{position:relative;z-index:1;width:calc(26*var(--u));height:calc(26*var(--u));color:var(--color1);transform-origin:50% 70%;transition:color var(--t-court) var(--ease-soft)}.button-tel .button-tel-label{display:block;text-decoration:underline;text-underline-offset:calc(3*var(--u))}.button-tel .button-tel-value{display:block}.button-tel:focus-visible .button-tel-label,.button-tel:hover .button-tel-label{color:var(--color1)}.button-tel:focus-visible:before,.button-tel:hover:before{transform:translate(-50%,-50%) scale(1)}.button-tel:focus-visible svg,.button-tel:hover svg{color:var(--color2);animation:sonnerie .9s var(--ease-in-out)}@media screen and (max-width:1279px){.button{--notch-r:19px;margin-left:18px;height:38px;padding:0 18px 0 32px;font-size:11px}.button-badge{left:-18px;width:36px;height:36px}.button.button-ghost{margin-left:18px}.button.button-resa{width:auto;padding-right:20px}.button-tel{gap:10px;font-size:13px}.button-tel:before{left:11px;width:34px;height:34px}.button-tel svg{width:22px;height:22px}}@media(hover:none){.button:hover{transform:none}.button:hover:after{-webkit-clip-path:circle(0 at calc(-20 * var(--u)) 50%);clip-path:circle(0 at calc(-20 * var(--u)) 50%)}.button:hover .button-badge{transform:translateY(-50%)}.button.button-ghost:hover{color:var(--color4)}.button-tel:hover .button-tel-label{color:inherit}.button-tel:hover:before{transform:translate(-50%,-50%) scale(0)}.button-tel:hover svg{color:var(--color1);animation:none}}