.button{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:3px 20px;border-radius:24px;background:var(--color1);color:#fff;text-decoration:none;white-space:nowrap;font-family:var(--font1);font-weight:600;font-size:13px;text-transform:uppercase;transition:color .45s cubic-bezier(.76,0,.24,1)}.button:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:translateX(-101%);transition:transform .45s cubic-bezier(.76,0,.24,1)}.button .photo{order:2;flex:0 0 auto;width:17px;height:20px;color:inherit;transition:transform .5s cubic-bezier(.34,1.8,.5,1)}.button.button-mills{background:transparent;border:1px solid #fff;color:#fff}.button.button-mills .photo-mills{order:0;width:105px;height:13px}@media screen and (min-width:1280px){.button.button-mills .photo-mills{width:150px;height:18px}}.button.button-mills .btn-name{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.button:focus-visible,.button:hover{color:var(--color1)}.button:focus-visible:before,.button:hover:before{transform:translateX(0)}.button:focus-visible .photo,.button:hover .photo{transform:translateX(7px) scale(1.2)}@media screen and (min-width:1280px){.button{font-size:16px;padding:15px 30px}.button .photo{width:21px;height:24px}}