.button{--btn-reveal-bg:var(--color2);--btn-reveal-color:#fff;--btn-icon-w:35px;--btn-padding-x:20px;--btn-icon-offset:calc(var(--btn-padding-x) + var(--btn-icon-w) / 2);position:relative;isolation:isolate;overflow:hidden;text-transform:uppercase;font-weight:400;background:var(--color1);text-align:center;color:#fff;padding:15px calc(var(--btn-padding-x) + 20px) 15px var(--btn-padding-x);font-size:10px;transition:border-color .7s,color .7s;letter-spacing:1px;display:flex;align-items:center;gap:10px;justify-content:center;border-radius:24px}.button .btn-name,.button .photo{position:relative;z-index:2}.button.secondary{background:transparent;border:1px solid #fff}.button:before{content:"";position:absolute;top:50%;left:var(--btn-icon-offset);width:250%;aspect-ratio:1;border-radius:50%;background:var(--btn-reveal-bg);transform:translate(-50%,-50%) scale(0);transition:transform .7s ease-out;z-index:-1}.button:hover{border-color:var(--color1);color:var(--btn-reveal-color)}.button:hover:before{transform:translate(-50%,-50%) scale(1);transition-duration:.9s}.button:hover .photo svg path{fill:var(--btn-reveal-color)}.button .photo{margin:0;width:48px;height:48px;position:absolute;right:0;opacity:.33;transform:translateX(33%)}.button .photo svg{width:100%;height:100%}.button .photo svg path{fill:#fff;transition:fill .7s}@media screen and (min-width:1280px){.button{font-size:12px}}.links.fleche .button{--btn-icon-offset:calc(100% - var(--btn-padding-x) - 0.6em);--btn-fleche:1.15em;padding-left:var(--btn-padding-x);padding-right:var(--btn-padding-x);gap:12px}.links.fleche .button .photo{display:none}.links.fleche .button:after{content:"";flex-shrink:0;width:var(--btn-fleche);height:var(--btn-fleche);position:relative;z-index:2;background-color:currentColor;-webkit-mask-image:var(--fleche-relais);mask-image:var(--fleche-relais);-webkit-mask-size:200% 200%;mask-size:200% 200%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position .62s cubic-bezier(.22,.8,.3,1),mask-position .62s cubic-bezier(.22,.8,.3,1)}.links.fleche .button:focus-visible:after,.links.fleche .button:hover:after{-webkit-mask-position:0 100%;mask-position:0 100%}.zone.diapo .links.fleche .button{--btn-fleche:1.3em}.button-phone-round{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:hsla(0,0%,100%,.9);box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--text);transition:background .4s,color .4s}.button-phone-round svg{width:14px;height:14px;flex-shrink:0}.button-phone-round .button-phone-legend{display:none}@media screen and (min-width:1280px){.button-phone-round:hover{background:var(--color1);color:#fff}.button-phone-round:focus-visible .button-phone-legend,.button-phone-round:hover .button-phone-legend{opacity:1;visibility:visible;transform:translate(-50%)}.button-phone-round .button-phone-legend{display:block;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);padding:4px 10px;border-radius:4px;background:var(--color1);color:#fff;font-size:11px;letter-spacing:.5px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s}}.bg .button.button{--btn-padding-x:18px;--btn-reveal-bg:#fff;--btn-reveal-color:var(--text);background:transparent;border:1px solid hsla(0,0%,100%,.3);padding:8px var(--btn-padding-x);font-size:12px}.bg .button.button .photo svg path{fill:#fff}.bg .button.button:hover{border-color:#fff;color:var(--btn-reveal-color)}.bg .button.button:hover .photo svg path{fill:var(--btn-reveal-color)!important}