.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 22px;border:1px solid var(--color1);border-radius:var(--radius);background:var(--color1);color:var(--color2);font-family:var(--font-surtitle-medium),var(--font2);font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1.2;text-align:center;transition:background .25s ease,border-color .25s ease,color .25s ease}.button .photo{width:18px;height:18px;flex-shrink:0}.button .photo svg{width:100%;height:100%}.button .photo svg path{fill:currentColor}.button:hover{background:var(--color2);border-color:var(--color2);color:var(--white)}.button-phone{display:inline-flex;align-items:center;gap:12px;color:var(--color2);transition:color .25s ease}.button-phone svg{width:15px;height:15px;flex-shrink:0;color:var(--color1);transition:color .25s ease}.button-phone .button-phone-text{display:flex;flex-direction:column;gap:2px;text-align:left}.button-phone .button-phone-label{font-family:var(--font4);font-size:11px;font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:var(--color2)}.button-phone .button-phone-number{font-family:var(--font2);font-size:15px;line-height:1.2}.button-phone:hover{color:var(--color1)}.zone.bg .button-phone,.zone.diapo .button-phone,.zone.paralaxslider .button-phone{color:var(--white)}.zone.bg .button-phone .button-phone-label,.zone.bg .button-phone svg,.zone.diapo .button-phone .button-phone-label,.zone.diapo .button-phone svg,.zone.paralaxslider .button-phone .button-phone-label,.zone.paralaxslider .button-phone svg{color:hsla(0,0%,100%,.8)}.zone.bg .button-phone:hover svg,.zone.diapo .button-phone:hover svg,.zone.paralaxslider .button-phone:hover svg{color:var(--white)}.zone.bg .button:not(.button-mark),.zone.diapo .button:not(.button-mark),.zone.paralaxslider .button:not(.button-mark){background:transparent;border-color:hsla(0,0%,100%,.55);color:var(--white)}.zone.bg .button:not(.button-mark):hover,.zone.diapo .button:not(.button-mark):hover,.zone.paralaxslider .button:not(.button-mark):hover{background:var(--white);border-color:var(--white);color:var(--color1)}.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(43,41,41,.12);color:var(--color1);transition:background .25s ease,color .25s ease}.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 .button-phone-legend,.button-phone-round:hover{background:var(--color1);color:var(--white)}.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:var(--radius);font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}.button-phone-round:focus-visible .button-phone-legend,.button-phone-round:hover .button-phone-legend{opacity:1;visibility:visible;transform:translate(-50%)}}.button.button-mark{gap:12px;padding:3px 22px 3px 10px;border:1px solid hsla(0,0%,100%,.6);border-radius:999px;background:hsla(0,0%,100%,.21);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:inherit;font-family:var(--font-surtitle-medium),var(--font4);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:background .3s ease,border-color .3s ease,padding .32s ease}.button.button-mark .button-mark-round{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-right-color:hsla(0,0%,100%,.55);border-radius:0;transition:background .32s ease,border-color .32s ease,border-radius .32s ease,color .32s ease}.button.button-mark .monogramme{width:70%;height:70%}.button.button-mark:hover{background:var(--color1);border-color:var(--color1);color:var(--white);gap:19px;padding-right:28px;padding-left:3px}.button.button-mark:hover .button-mark-round{background:var(--white);border-color:var(--white);border-radius:50%;color:var(--color1)}.button.button-mark.is-solid,.zone:not(.bg):not(.diapo):not(.paralaxslider) .button.button-mark,header.isOpen .button.button-mark,header.isScrolled .button.button-mark,header[data-fixed=true] .button.button-mark{background:var(--color1);border-color:var(--color1);color:var(--white)}.button.button-mark.is-solid:not(:hover) .button-mark-round,.zone:not(.bg):not(.diapo):not(.paralaxslider) .button.button-mark:not(:hover) .button-mark-round,header.isOpen .button.button-mark:not(:hover) .button-mark-round,header.isScrolled .button.button-mark:not(:hover) .button-mark-round,header[data-fixed=true] .button.button-mark:not(:hover) .button-mark-round{border-right-color:hsla(0,0%,100%,.55)}.button:disabled{opacity:.6;cursor:default;pointer-events:none}