.body{padding:6px}.button--bird{--main_color:#f4cf47;--sub_color1:#f4e19c;--sub_color2:#ff8108;--base_color:#000;--border_radius1:60px 60px 40px 40px/48px 48px 30px 30px;--border_radius2:70px 70px 40px 40px/48px 48px 30px 30px;--border_radius3:40px 40px 40px 40px/48px 48px 30px 30px}.button{box-sizing:border-box;width:280px;height:80px;text-decoration:none;border:3px solid #000;border-radius:40px;background:var(--main_color)}.button,.button__wrapper{display:flex;justify-content:center;align-items:center;position:relative}.button__wrapper{width:100%;height:100%;border-radius:40px;overflow:hidden}.button__text{position:relative;font-size:32px;letter-spacing:4px;color:var(--base_color);transition:all .3s ease}.button:before{content:"";position:absolute;right:20px;margin:auto 0;width:24px;height:24px;background:var(--base_color);-webkit-clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");clip-path:path("M24,12.02c0-1.09-.75-1.71-.81-1.77L11.17,.45c-.91-.74-2.21-.56-2.91,.42-.69,.97-.52,2.37,.39,3.11l7.12,5.81-13.7-.02h0C.93,9.77,0,10.76,0,11.99c0,1.23,.93,2.22,2.07,2.22l13.7,.02-7.13,5.78c-.91,.74-1.09,2.13-.4,3.11,.41,.58,1.03,.88,1.65,.88,.44,0,.88-.15,1.25-.45l12.04-9.76c.07-.06,.82-.67,.82-1.77Z");transition:all .2s ease}.button--bird .button__wrapper:after,.button--bird .button__wrapper:before{content:"";position:absolute;bottom:0;width:130px;height:38px;background:var(--sub_color1);transition:all .5s ease;-webkit-clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z");clip-path:path("M13.77,37.35L.25,16.6c-.87-1.33,.69-2.91,2-2.02l12.67,8.59c.81,.55,1.91,.14,2.18-.81l2.62-9.33c.39-1.4,2.34-1.42,2.76-.02l3.6,11.99c.33,1.11,1.74,1.4,2.47,.52L49.38,.52c.87-1.04,2.53-.42,2.53,.95V23.7c0,1.13,1.2,1.83,2.16,1.26l12.75-7.51c.85-.5,1.94,0,2.13,.98l1.5,7.6c.2,1.03,1.37,1.51,2.22,.92l17.74-12.3c1.09-.75,2.52,.25,2.21,1.55l-2.44,10.2c-.26,1.09,.74,2.06,1.8,1.75l30.8-9.04c1.37-.4,2.42,1.26,1.49,2.36l-9.07,10.66c-.83,.98-.1,2.49,1.17,2.42l12.12-.68c1.6-.09,2.12,2.15,.65,2.8l-2.73,1.21c-.18,.08-.38,.12-.58,.12H14.97c-.48,0-.93-.25-1.2-.65Z")}.button--bird .button__wrapper:before{left:0}.button--bird .button__wrapper:after{right:0;transform:rotateY(180deg)}.button:hover .button__wrapper:before{transform:translateX(-12px)}.button:hover .button__wrapper:after{transform:rotateY(180deg) translateX(-12px)}.button:hover .button__text{letter-spacing:6px}.button:hover:before{right:14px}.birdBox{position:absolute;top:-54px;display:flex;justify-content:space-between;align-items:flex-end;width:180px;height:56px}.bird{position:relative;width:56px;height:36px;box-sizing:border-box;border:3px solid #000;background:var(--main_color);border-radius:var(--border_radius1);animation:sleep 1s ease infinite alternate;display:flex;justify-content:center}.bird__face{position:absolute;top:15px;width:12px;height:6px;background:var(--sub_color2);border-radius:50% 50% 50% 50%/78% 78% 22% 22%;transition:.2s}.bird__face:after,.bird__face:before{content:"";position:absolute;top:-4px;width:8px;height:2px;border-radius:4px;background:#000}.bird__face:before{left:-5px}.bird__face:after{right:-5px}.bird:before{content:"";position:absolute;top:-12px;left:22px;width:12px;height:12px;background:#000;-webkit-clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z");clip-path:path("M10.23,3.32c-3.54,.63-5.72,2.51-7.02,4.23-.33-1.58-.34-3.54,.93-5.12,.52-.65,.41-1.59-.24-2.11C3.24-.19,2.29-.08,1.77,.57c-3.82,4.77-.31,11.11-.13,11.42,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01-.02,2.49,.04,2.52,0,.1-.14,1.54-4.82,6.59-5.71,.82-.14,1.37-.92,1.22-1.74s-.94-1.36-1.75-1.21Z")}.button:hover .wakeup{animation:wakeup .2s ease;animation-fill-mode:forwards}.button:hover .wakeup .bird__face{top:20px}.button:hover .wakeup .bird__face:after,.button:hover .wakeup .bird__face:before{animation:eye 5s linear infinite}.button:hover .wakeup:nth-child(2) .bird__face:after,.button:hover .wakeup:nth-child(2) .bird__face:before{animation:eye_2 5s linear infinite}@keyframes wakeup{0%{height:32px;border-radius:var(--border_radius2)}to{height:56px;border-radius:var(--border_radius3)}}@keyframes eye{0%{top:-6px;width:6px;height:6px}30%{top:-6px;width:6px;height:6px}32%{top:-4px;width:8px;height:2px}34%{top:-6px;width:6px;height:6px}70%{top:-6px;width:6px;height:6px}72%{top:-4px;width:8px;height:2px}74%{top:-6px;width:6px;height:6px}76%{top:-4px;width:8px;height:2px}78%{top:-6px;width:6px;height:6px}to{top:-6px;width:6px;height:6px}}@keyframes eye_2{0%{top:-6px;width:6px;height:6px}10%{transform:translateX(0)}12%{transform:translateX(3px)}20%{top:-6px;width:6px;height:6px}22%{top:-4px;width:8px;height:2px}24%{top:-6px;width:6px;height:6px}25%{transform:translateX(3px)}27%{transform:translateX(0)}74%{top:-6px;width:6px;height:6px;transform:translateX(0)}76%{top:-4px;width:8px;height:2px;transform:translateX(3px)}78%{top:-6px;width:6px;height:6px}80%{top:-4px;width:8px;height:2px}82%{top:-6px;width:6px;height:6px}85%{transform:translateX(3px)}87%{transform:translateX(0)}to{top:-6px;width:6px;height:6px;transform:translateX(0)}}@keyframes sleep{0%{height:36px;border-radius:var(--border_radius1)}to{height:32px;border-radius:var(--border_radius2)}}.pointer{width:200px;height:40px;position:relative;background:#004ea2;margin:2px}.pointer:before{content:"";position:absolute;right:-20px;bottom:0;width:0;height:0;border-left:20px solid #004ea2;border-top:20px solid transparent;border-bottom:20px solid transparent}