.dipl_button_item .dipl_button_horizontal_shutter_fill:hover .dipl_background_effect_wrap:after, .dipl_button_item .dipl_button_horizontal_shutter_fill:hover .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_link, .dipl_button_item .dipl_button_vertical_shutter_fill:hover .dipl_background_effect_wrap:after, .dipl_button_item .dipl_button_vertical_shutter_fill:hover .dipl_background_effect_wrap:before{   background-size:cover;   background-repeat:no-repeat; } .dipl_button_wrapper{line-height:1} .dipl_button_item .dipl_button_link{   display:inline-block;   position:relative;   background-position:center;   overflow:hidden;   padding:10px;   border:0 solid #333;   text-decoration:none;   transition:background-image .3s linear, background-color .3s linear, border .3s linear; } .dipl_button_item .dipl_background_effect_wrap{   position:absolute;   top:0;   left :0;   width:100%;   height:100%; } .dipl_button .dipl_button_item .dipl_button_link:before, .dipl_button .dipl_button_item .dipl_button_link:after {   display:none; } .dipl_button_item .dipl_button_secondary_text, .dipl_button_item .dipl_button_text{   position:relative;   z-index:2; } .dipl_button_item .dipl_button_text{   font-size:18px;   line-height:1.5; } .dipl_button_item .dipl_button_secondary_text{   font-size:14px;   line-height:1.5; } .dipl_button_icon{   display:inline-block;   position:relative; } .dipl_button_icon:after,.dipl_button_icon:before{   display:inline-block;   position:relative;   z-index:-1;   font-family:ETModules;   font-size:inherit;   line-height:inherit;   vertical-align:middle; } .dipl_button_icon_left .dipl_button_icon:before{   left:0;   padding-right:6px;   content:attr(data-icon); } .dipl_button_icon_right .dipl_button_icon:after{   right:0;   padding-left:6px;   content:attr(data-icon); } @keyframes diplChangeIcon{   0%{  opacity:0;  visibility:0;  content:attr(data-icon);   }   100%{  opacity:1;  visibility:visible;  content:attr(data-icon-hover);   } } .dipl_button_no_text,.dipl_button_no_text .dipl_button_text{line-height:0} .dipl_button_no_text .dipl_button_icon:after, .dipl_button_no_text .dipl_button_icon:before{   line-height:1;   padding:0; } .dipl_button_icon_on_hover .dipl_button_icon:after, .dipl_button_icon_on_hover .dipl_button_icon:before{   visibility:hidden;   opacity:0;   transition:.3s linear; } .dipl_button_icon_on_hover .dipl_button_secondary_text:after, .dipl_button_icon_on_hover .dipl_button_secondary_text:before{   display:inline-block;   content:"";   visibility:hidden;   opacity:0;   width:0;   transition:.3s linear; } .dipl_button_item .dipl_button_icon_on_hover:hover .dipl_button_icon{   transform:translateX(0) !important; } .dipl_button_icon_on_hover:hover .dipl_button_icon:after, .dipl_button_icon_on_hover:hover .dipl_button_icon:before{   visibility:visible;   opacity:1; } .dipl_button_item .dipl_button_icon_on_hover.dipl_button_icon_left:hover .dipl_button_icon:before{   left:0 !important; } .dipl_button_item .dipl_button_icon_on_hover.dipl_button_icon_right:hover .dipl_button_icon:after{   right:0 !important; } .dipl_button_secondary_text{   display:block; } .dipl_button_item .dipl_background_effect_wrap:after, .dipl_button_item .dipl_background_effect_wrap:before{   position:absolute;   content:"";   z-index:1;   background-size:cover;   background-repeat:no-repeat;   background-position:center;   transition:.3s linear; } .dipl_button_item .dipl_button_wipe_fill .dipl_background_effect_wrap:before{   top :0;   left :0;   width:100%;   height:100%;   transform:translate(-100%,0) skew(-45deg);   transform-origin:0 0; } .dipl_button_item .dipl_button_wipe_fill:hover .dipl_background_effect_wrap:before{   transform:translate(0,0); } .dipl_button_item .dipl_button_slide_down_fill .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_slide_up_fill .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_vertical_shutter_fill .dipl_background_effect_wrap:after, .dipl_button_item .dipl_button_vertical_shutter_fill .dipl_background_effect_wrap:before{   left:0;   width:100%;   height:100%; } .dipl_button_item .dipl_button_slide_up_fill .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_vertical_shutter_fill .dipl_background_effect_wrap:after{   bottom:-100%; } .dipl_button_item .dipl_button_slide_up_fill:hover .dipl_background_effect_wrap:before{   bottom:0; } .dipl_button_item .dipl_button_slide_down_fill .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_vertical_shutter_fill .dipl_background_effect_wrap:before{   top:-100%; } .dipl_button_item .dipl_button_slide_down_fill:hover .dipl_background_effect_wrap:before{   top:0; } .dipl_button_item .dipl_button_slide_left_fill .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_slide_right_fill .dipl_background_effect_wrap:before{   top:0;   width:100%;   height:100%; } .dipl_button_item .dipl_button_horizontal_shutter_fill .dipl_background_effect_wrap:after, .dipl_button_item .dipl_button_slide_left_fill .dipl_background_effect_wrap:before{   right:-100%; } .dipl_button_item .dipl_button_slide_left_fill:hover .dipl_background_effect_wrap:before{   right:0; } .dipl_button_item .dipl_button_horizontal_shutter_fill .dipl_background_effect_wrap:before, .dipl_button_item .dipl_button_slide_right_fill .dipl_background_effect_wrap:before{   left:-100%; } .dipl_button_item .dipl_button_slide_right_fill:hover .dipl_background_effect_wrap:before{   left:0; } .dipl_button_item .dipl_button_vertical_shutter_fill:hover .dipl_background_effect_wrap:before{   top:-50%; } .dipl_button_item .dipl_button_vertical_shutter_fill:hover .dipl_background_effect_wrap:after{   bottom:-50%; } .dipl_button_item .dipl_button_horizontal_shutter_fill .dipl_background_effect_wrap:after, .dipl_button_item .dipl_button_horizontal_shutter_fill .dipl_background_effect_wrap:before{   top:0;   height:100%;   width:100%; } .dipl_button_item .dipl_button_horizontal_shutter_fill:hover .dipl_background_effect_wrap:before{   left:-50%; } .dipl_button_item .dipl_button_horizontal_shutter_fill:hover .dipl_background_effect_wrap:after{   right:-50%; } 