.mb247-gradient-heading{ position:relative; display:inline-block; background:linear-gradient( 90deg, #003F4B 0%, #003F4B 45%, #1BC6F4 50%, #003F4B 55%, #003F4B 100% ); background-size:300% 100%; background-position:0% 50%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:#003F4B; transition: background-position 1.8s cubic-bezier(.22,.61,.36,1), -webkit-text-fill-color .25s ease; } .mb247-gradient-heading:hover{ background-position:100% 50%; -webkit-text-fill-color:transparent; }  .mb247-white-shimmer{ position:relative; display:inline-block; color:#fff; overflow:hidden; } .mb247-white-shimmer::after{ content:""; position:absolute; inset:0; background:linear-gradient( 115deg, transparent 0%, transparent 42%, rgba(27,198,244,.0) 46%, rgba(27,198,244,.45) 50%, rgba(255,255,255,.95) 52%, rgba(27,198,244,.35) 54%, transparent 58%, transparent 100% ); background-size:250% 100%; background-position:-220% 0; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; opacity:0; transition: background-position 2.4s cubic-bezier(.22,.61,.36,1), opacity .25s ease; } .mb247-white-shimmer:hover::after{ opacity:1; background-position:220% 0; }