.animated-button{background-color:#01ffa9;color:#fff;border:none;padding:10px 20px;cursor:pointer;position:relative;overflow:hidden}.animated-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#00008b;transition:left .3s ease;z-index:-1}.animated-button:hover:before{left:0}@keyframes btn_animate_circle_animation_frame{0%{width:44px}50%{display:flex;width:100%;justify-content:flex-end;align-items:center}to{display:flex;width:100%;justify-content:flex-end;align-items:center}}.btn_animate_style{display:flex;position:relative;cursor:pointer;height:48px;padding:2px;justify-content:flex-end;align-items:center;gap:25px;border-radius:192px;background-color:#01ffa9;border:none;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.btn_animate_style .btn_animate1_text{position:absolute;left:21px;color:#1e1e1e;font-family:Inter;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.btn_animate_circle_style{display:flex;position:relative;width:44px;height:44px;justify-content:center;align-items:center;flex-shrink:0;border-radius:136px;background:#1e1e1e}.btn_animate_circle_style svg{position:absolute;right:11px}.btn_animate_style:hover .btn_animate_circle_style{animation:btn_animate_circle_animation_frame .5s linear forwards}.btn_animate_style:hover .btn_animate1_text{color:#fff;z-index:999}.button_11{display:inline-block;padding:10px 20px;background-color:#1e1e1e;color:#fff;border:none;cursor:pointer;font-size:16px;transition:background-color .6s cubic-bezier(.59,0,0,1.01),transform .6s cubic-bezier(.59,0,0,1.01)}.button_11:hover{background-color:#1e1e1e;transform:scale(1.05);animation-timing-function:ease-out;animation-duration:.3s}.button_11:active{background-color:#1e1e1e;transform:scale(.95);animation-timing-function:cubic-bezier(.59,0,0,1.01);animation-duration:.6s}.popButton{cursor:pointer;position:relative;justify-content:flex-start;align-items:center;gap:20px;width:145px;height:49px;color:#fff;background:transparent;display:inline-flex;overflow:hidden;border:none}.popButton .popButton_circle{padding:10px;width:30px;height:30px;border-radius:50%;border:1px solid red}.popButton .popButton_circle,.popButton .popButton_circle .popButton_zoom{display:flex;justify-content:center;align-items:center;transition:transform .2s;margin:0 auto}.popButton .popButton_circle .popButton_zoom{padding:4px;background-color:#01ffa9;width:20px;height:20px;border-radius:50%}.popButton .popButton_circle .popButton_zoom .popButton_arrow{display:none}.popButton .popButton_circle .popButton_zoom .popButton_arrow:hover{position:relative;display:flex;justify-content:center;align-items:center;z-index:9999}.btn{display:flex;align-items:center;color:#fff;padding:5px;position:relative;letter-spacing:1px}.btn__circle,.btn__text,.btn__white-circle{position:absolute}.btn__circle{height:11px;width:11px;box-shadow:0 0 1px 1px #fff;left:0}.btn__circle,.btn__inner-circle{border-radius:100%;transition:.3s linear}.btn__inner-circle{left:35%;height:4px;width:4px;background:#fff}.btn__white-circle{top:50%;transform:translate(-50%,-50%) scale(0);width:48px;height:48px;border-radius:100%;background:#fff;display:flex;transition:.3s ease-in-out}.btn__white-circle svg{width:12px;height:12px;margin:auto}.btn__text{top:50%;transform:translateY(-50%);white-space:nowrap;z-index:2;padding:24px 28px;transition:.3s linear;line-height:10px;text-decoration:underline;text-underline-offset:1em;text-decoration-thickness:1.5px}.btn:hover .btn__circle{transform:scale(0)}.btn:hover .btn__white-circle{transform:translate(-50%,-50%) scale(1)}.btn:hover .btn__text{transform:translate(10px,-50%);text-decoration:none}