.shatter-text{color:transparent;margin:auto;max-width:697px;position:relative;text-transform:uppercase}h2.shatter-text:before{-webkit-clip-path:inset(0 557px 0 0);clip-path:inset(0 557px 0 0)}h2.shatter-text span:before,h2.shatter-text:before{color:#fff;content:"Sales engagement is broken";left:25px;position:absolute;top:0;transition:all .3s}h2.shatter-text span:before{-webkit-clip-path:inset(0 412px 0 91px);clip-path:inset(0 412px 0 91px)}h2.shatter-text:after{-webkit-clip-path:inset(0 0 0 548px);clip-path:inset(0 0 0 548px)}h2.shatter-text span:after,h2.shatter-text:after{color:#fff;content:"Sales engagement is broken";position:absolute;right:24px;top:0;transition:all .5s}h2.shatter-text span:after{-webkit-clip-path:inset(0 100px 0 229px);clip-path:inset(0 100px 0 229px)}h2.shatter-text:hover:after{color:hsla(0,0%,100%,.6);cursor:pointer;top:10px}h2.shatter-text:hover:before{color:hsla(0,0%,100%,.6);cursor:pointer;left:0;top:-10px}h2.shatter-text:hover span:before{cursor:pointer;top:4px}h2.shatter-text:hover span:after{cursor:pointer;left:30px;top:-8px}@media (max-width:767px){.shatter-text span:after,.shatter-text span:before,.shatter-text:after,.shatter-text:before{display:none}.shatter-text{color:#fff;font-size:32px;text-transform:none}}