.power_button_group{position:relative;z-index:1;display:block;margin:10px 5px;text-align:center}.power_button{position:relative;width:auto;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:center;text-decoration:none;outline:none;box-shadow:none;padding:12px 45px;background:transparent;border-width:1px 1px 1px 1px;border-style:solid;border-color:#222;-webkit-border-radius:0;border-radius:0;overflow:hidden;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button:hover{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button span.button_value{position:relative;z-index:2;display:inline-block;vertical-align:middle;width:100%;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.power_button span.power_button_icon{position:relative;z-index:2}.power_button.power_button_icon_left .power_button_icon{margin-right:15px}.power_button.power_button_icon_right .power_button_icon{margin-left:15px}.power_button:before,.power_button:after{content:"";position:absolute;width:100%;height:100%;opacity:1;z-index:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button{color:#222}.power_button:hover{color:#fff}.power_button.effect_1:before{right:100%;top:0}.power_button.effect_1:hover::before{right:0}.power_button.effect_1:after{left:0;top:0}.power_button.effect_1:hover::after{left:100%}.power_button.effect_2:before{bottom:100%;left:0}.power_button.effect_2:hover::before{bottom:0}.power_button.effect_2:after{left:0;top:0}.power_button.effect_2:hover::after{top:100%}.power_button.effect_3:before{left:100%;top:0}.power_button.effect_3:hover::before{left:0}.power_button.effect_3:after{right:0;top:0}.power_button.effect_3:hover::after{right:100%}.power_button.effect_4:before{top:100%;left:0}.power_button.effect_4:hover::before{top:0}.power_button.effect_4:after{bottom:0;left:0}.power_button.effect_4:hover::after{bottom:100%}.power_button.effect_5:before{left:0;top:0;transform:scale(0)}.power_button.effect_5:hover::before{right:0;transform:scale(1)}.power_button.effect_5:after{left:0;top:0;transform:scale(1)}.power_button.effect_5:hover::after{left:0;transform:scale(0)}.power_button.effect_6:before{right:90%;top:0}.power_button.effect_6:hover::before{right:-90%}.power_button.effect_6:after{left:90%;top:0}.power_button.effect_6:hover::after{left:-90%}.power_button.effect_7:before{top:90%;left:0}.power_button.effect_7:hover::before{top:-50%;transform:skewX(-45deg);-webkit-transform:skewX(-45deg)}.power_button.effect_7:after{bottom:90%;left:0}.power_button.effect_7:hover::after{bottom:-50%;transform:skewX(45deg);-webkit-transform:skewX(45deg)}.power_button.effect_8:before{top:90%;left:0}.power_button.effect_8:hover::before{top:-50%;transform:skewX(45deg);-webkit-transform:skewX(45deg)}.power_button.effect_8:after{bottom:90%;left:0}.power_button.effect_8:hover::after{bottom:-50%;transform:skewX(-45deg);-webkit-transform:skewX(-45deg)}.power_button.effect_9:before{top:0;left:100%}.power_button.effect_9:hover:before{top:0;left:50%}.power_button.effect_9:after{top:0;right:0}.power_button.effect_9:hover:after{top:0;right:50%}.power_button.effect_9:hover{border-radius:30px}.power_button.effect_10:before{top:0;right:100%}.power_button.effect_10:hover:before{top:0;right:0}.power_button.effect_10:after{top:0;left:0}.power_button.effect_10:hover:after{top:0;left:100%}.power_button.power_button_icon_left.effect_10 .power_button_icon{position:absolute;left:0%;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.power_button_icon_left.effect_10:hover .power_button_icon{left:-25%;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.power_button_icon_right.effect_10 .power_button_icon{position:absolute;left:100%;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;margin-left:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.power_button_icon_right.effect_10:hover .power_button_icon{left:130%;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.effect_11:before{left:0;bottom:100%}.power_button.effect_11:hover:before{left:0;bottom:0}.power_button.effect_11:after{top:0;left:0}.power_button.effect_11:hover:after{top:100%;left:0}.power_button.power_button_icon_left.effect_11 .power_button_icon{position:absolute;left:0%;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.power_button_icon_left.effect_11:hover .power_button_icon{left:-50%;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.power_button_icon_right.effect_11 .power_button_icon{position:absolute;left:100%;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;margin-left:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.power_button_icon_right.effect_11:hover .power_button_icon{left:115%;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.power_button.effect_12:before{content:attr(data-text);right:100%;top:0;opacity:0;width:100%;display:flex;align-items:center;justify-content:center}.power_button.effect_12:hover:before{right:0%;opacity:1}.power_button.effect_12:hover span{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%)}.power_button.effect_12:after{top:0;left:0}.power_button.effect_12:hover:after{top:100%;left:0}.power_button.effect_13:before{content:attr(data-text);right:0;bottom:100%;opacity:0;width:100%;display:flex;align-items:center;justify-content:center}.power_button.effect_13:hover:before{bottom:0%;opacity:1}.power_button.effect_13:hover span{-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.power_button.effect_13:after{top:0;left:0}.power_button.effect_13:hover:after{top:100%;left:0}