.common-button{appearance:none;box-sizing:border-box;cursor:pointer;font-family:var(--font-helvetica-neue);opacity:1;text-align:center;text-rendering:geometricprecision;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--text-color);border:none;border-radius:999px;outline:0;margin:0;font-weight:400;text-decoration:none;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.common-button:before{content:"";background-color:var(--hover-bg);clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);z-index:1;border-radius:50px;transition:clip-path .5s cubic-bezier(.165,.84,.44,1);position:absolute;inset:0}.common-button:hover:before{clip-path:polygon(0 0,101% 0,101% 101%,0 101%)}.common-button .text{z-index:2;color:var(--text-color);transition:color .3s;position:relative}.common-button:hover .text{color:var(--hover-text-color)}.zIndex{z-index:1}.button2{appearance:none;box-sizing:border-box;color:#cc7d45;cursor:pointer;letter-spacing:0;opacity:1;text-align:center;text-rendering:geometricprecision;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap;background-color:#0000;border:1px solid #cc7d45;outline:0;margin:0;padding:1.1em 2em;font-size:14px;font-weight:500;line-height:1em;text-decoration:none;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);display:inline-block;position:relative}.button2:before{backface-visibility:hidden;clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";color:#fff;background-color:#cc7d45;width:100%;height:100%;transition:clip-path .5s cubic-bezier(.165,.84,.44,1);animation:.5s step-end forwards opacityFallbackOut;position:absolute;top:0;left:0;transform:translateZ(0)}.button2:hover:before{clip-path:polygon(0 0,101% 0,101% 101%,0 101%);animation:step-start forwards opacityFallbackIn}.button2:after{background-color:#fff}.button2 span{position:relative}.button2 span:before{color:#000}.button2:hover{color:#fff}.button3{appearance:none;box-sizing:border-box;color:#000;cursor:pointer;letter-spacing:0;opacity:1;text-align:center;text-rendering:geometricprecision;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap;background-color:#0000;border:1px solid #000;outline:0;margin:0;padding:1.1em 2em;font-size:14px;font-weight:500;line-height:1em;text-decoration:none;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);display:inline-block;position:relative}.button3:before{backface-visibility:hidden;clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";color:#000;background-color:#000;width:100%;height:100%;transition:clip-path .5s cubic-bezier(.165,.84,.44,1);animation:.5s step-end forwards opacityFallbackOut;position:absolute;top:0;left:0;transform:translateZ(0)}.button3:hover:before{clip-path:polygon(0 0,101% 0,101% 101%,0 101%);animation:step-start forwards opacityFallbackIn}.button3:after{background-color:#fff}.button3 span{position:relative}.button3 span:before{color:#000}.button3:hover{color:#fff;border:1px solid #000}.button4{appearance:none;box-sizing:border-box;color:#000;cursor:pointer;letter-spacing:0;float:left;opacity:1;text-align:center;text-rendering:geometricprecision;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap;background:#d1d3c0;border:none;outline:0;margin:0;padding:1.4em 4.8em;font-size:14px;font-weight:500;line-height:1em;text-decoration:none;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);display:inline-block;position:relative}.button4:before{backface-visibility:hidden;clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";color:#000;background-color:#7f704778;width:100%;height:100%;transition:clip-path .5s cubic-bezier(.165,.84,.44,1);animation:.5s step-end forwards opacityFallbackOut;position:absolute;top:0;left:0;transform:translateZ(0)}.button4:hover:before{clip-path:polygon(0 0,101% 0,101% 101%,0 101%);animation:step-start forwards opacityFallbackIn}.button4:after{background-color:#fff}.button4 span{position:relative}.button4 span:before{color:#000}.button4:hover{color:#fff}@media (max-width:500px){.button4{padding:1.3rem 4rem}}.button5{appearance:none;box-sizing:border-box;color:#fff;cursor:pointer;letter-spacing:0;opacity:1;text-align:center;text-rendering:geometricprecision;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap;background-color:#7f7047;border:1px solid #7f7047;outline:0;margin:0;padding:1em 2.2em;font-size:14px;font-weight:500;line-height:1em;text-decoration:none;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);display:inline-block;position:relative}.button5:before{backface-visibility:hidden;clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";color:#000;background-color:#ebebeb;width:100%;height:100%;transition:clip-path .5s cubic-bezier(.165,.84,.44,1);animation:.5s step-end forwards opacityFallbackOut;position:absolute;top:0;left:0;transform:translateZ(0)}.button5:hover:before{clip-path:polygon(0 0,101% 0,101% 101%,0 101%);animation:step-start forwards opacityFallbackIn}.button5:after{background-color:#fff}.button5 span{position:relative}.button5 span:before,.button5:hover{color:#000}@media (max-width:768px){.button3,.button2{padding:18px;font-size:15px}}@media (max-width:425px){.button3,.button2{padding:13px 16px;font-size:15px}.button-48{padding:.9em 1.8em}}