.has-transform, .transform_target .et-pb-icon, .toggle-transform-animation { transition: all 500ms ease-in-out; } .has-transform, .toggle-transform-animation { font-size:14px; } .toggle-transform-animation { transform: none !important; } .transform_target { cursor: pointer; } .toggle-active-target .et_pb_blurb .et-pb-icon { color: rgb(44, 48, 60); } .toggle-active-target .et_pb_blurb .buttonbackground { background-color: rgb(255,255,255) !important; } @media all and (max-width: 980px) { .has-transform { -webkit-mask-image: -webkit-radial-gradient(white, black); } .has-transform, .toggle-transform-animation { font-size:10px; } } (function($) { $(document).ready(function(){ $('.transform_target').click(function(){ $(this).toggleClass('toggle-active-target'); $('.has-transform').toggleClass('toggle-transform-animation'); }); }); })( jQuery );