.button{padding:15px 30px;color:var(--color1);text-transform:uppercase;font-size:12px;letter-spacing:1px;transition:all .5s;position:relative;overflow:hidden;border:1px solid var(--color1);border-radius:25px;text-align:center}.button.button-resa{font-family:var(--title-font);text-transform:none;font-size:16px;font-weight:100;padding:5px 25px;min-width:0}.button.button-resa span{transform:translateY(-2px);display:block}.button.button-resa em{margin-left:5px}.button span{position:relative;z-index:10}.button:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:var(--color1);-webkit-clip-path:circle(0 at 95% 0);clip-path:circle(0 at 95% 0);transition:all .5s}.button:hover{color:#fff}.button:hover:after{-webkit-clip-path:circle(140% at 95% 0);clip-path:circle(140% at 95% 0)}.button.active{background:var(--color1);color:#fff}.button.active:after{background:#fff}.button.active:hover{color:var(--color1)}@media screen and (min-width:1280px){.button{font-size:14px;min-width:150px}}@media screen and (min-width:1600px){.button.button-resa{font-size:24px;padding:2px 25px}}.btns{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}