.hr-btn{font-size:16px;color:#1E1926;border:1px solid var(--color-2);line-height:normal;overflow:visible;position:relative;z-index:0;text-transform:capitalize;transition:all 0.3s linear 0s;cursor:pointer;font-family:var(--font-01);font-style:normal;appearance:none;background:var(--color-1);font-weight:600;display:flex;width:max-content;padding:0}.hr-btn:hover{color:var(--white)}.hr-btn .hr-btn-icon{display:inline-flex;line-height:1;vertical-align:top;transition:all 0.3s linear 0s;margin-left:0;margin-right:0}.hr-btn .hr-btn-icon span{display:inherit;align-items:center;position:relative;font-size:16px;background-color:var(--white);color:var(--white);padding:16px;position:relative;transition:all 0.3s linear}.hr-btn:hover .hr-btn-icon span{color:var(--white)}.hr-btn .hr-btn-icon span::before{content:"";position:absolute;width:0;height:100%;left:0;background:#93785dc2;transition:all 0.3s linear}.hr-btn:hover .hr-btn-icon span::before{width:100%}.hr-btn .hr-btn-icon span i{z-index:1;color:var(--color-8)}.hr-btn:hover .hr-btn-icon span i{animation:btn-arrow 0.4s ease;-webkit-animation:btn-arrow 0.4s ease}.hr-btn .hr-btn-icon svg{height:1em;width:1em}.hr-btn .hr-btn-icon svg:not([fill]){fill:#161618}.btn-main{border-radius:0;padding:13px 35px;color:#fff;font-size:16px;font-weight:600;transition:all 0.3s;position:relative;overflow:hidden;z-index:1}.btn-main:hover{color:var(--white);background-color:var(--color-2)}.btn-main:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--color-2);transition:all 0.3s;border-radius:3px;z-index:-1}.btn-main::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#e42032;background:#22221f;background:var(--color-1);border-radius:3px;z-index:-2}.btn-main:before{top:0;left:0;right:auto}.btn-main:hover:before{width:100%;right:0;left:auto}.btn-main:after{bottom:0;right:0;left:auto}.btn-main:hover:after{width:100%;left:0;right:auto}.btn-main-2{color:var(--white);background-color:var(--color-6)}.btn-main-2:hover{color:var(--white);background-color:var(--color-7)}.hr-btn .hr-btn-icon-1 svg{height:1em;width:1em}.hr-btn .hr-btn-icon-1 svg:not([fill]){fill:#fff}.hr-btn .hr-btn-icon-1{display:inline-flex;line-height:1;vertical-align:top;transition:all 0.3s linear 0s;margin-left:0;margin-right:0}.hr-btn .hr-btn-icon-1 span{display:inherit;align-items:center;position:relative;font-size:16px;background-color:var(--color-3);color:var(--white);padding:16px;position:relative;transition:all 0.3s linear}.hr-btn:hover .hr-btn-icon-1 span{color:var(--white)}.hr-btn .hr-btn-icon-1 span::before{content:"";position:absolute;width:0;height:100%;left:0;background:#848283;transition:all 0.3s linear}.hr-btn:hover .hr-btn-icon-1 span::before{width:100%}.hr-btn .hr-btn-icon-1 span i{z-index:1}.hr-btn:hover .hr-btn-icon-1 span i{animation:btn-arrow 0.4s ease;-webkit-animation:btn-arrow 0.4s ease}.btn-main-22{line-height:40px;font-weight:700;text-transform:uppercase;letter-spacing:.018em;position:relative;background:#000;background-color:#fff0;padding-left:45px;padding-right:45px;padding-bottom:10px;padding-top:10px;position:relative;display:inline-flex;align-items:center;overflow:hidden;background-color:#fff0;color:var(--white);font-size:14px;border-radius:0;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;z-index:2}.btn-main-22:before{position:absolute;top:0;left:100%;right:-50px;content:"";background:#000;-webkit-transform:translateY(100%);transform:translateY(100%);border-radius:0%;transition-duration:800ms;z-index:0;bottom:0}.btn-main-22:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:1;transform:scaleX(1);transition-duration:800ms;background-color:var(--color-3);z-index:-1}.btn-main-22:hover:after{transform:scaleX(0);transition-duration:1500ms}.btn-main-22:hover:before{left:0;right:0;-webkit-transform:translateX(0);transform:translateX(0)}.btn-main-22:hover{color:var(--white)}.btn-main-22 span{position:relative;display:inline-flex;align-items:center;z-index:1;color:var(--color-2)}.btn-main-22 span{position:relative;display:inline-flex;align-items:center;z-index:1;color:var(--color-2)}.btn-main-22:hover span{color:#fff}.btn-main-22 p{position:relative;display:inline-flex;align-items:center;z-index:1;margin:0}