<style>
       .mwWidgetCardContainer {
           max-width: 100%;
           background: #E2F5FA;
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 10px;
           box-sizing: border-box;
           margin-top: 40px;
       }

@media (max-width: 600px) {

           .mwWidgetCardContainer > span {
               font-size: 18px;
           }

.mwWidgetContinueWatching svg {

               width: 40px;
               height: 18px;
           }

.mwWidgetContinueWatching {

               padding-right: 1px !important;
               text-decoration: none;
               
           }

.heading-widget {

               padding-left: 1px !important;
           }
       }

.mwWidgetContinueWatching {

   padding-right: 4em;
   text-decoration: none;

}

.heading-widget {

               padding-left: 4em;
               font-size: 25px;
           }

.mwWidgetContinueWatching svg {

   transition: transform 0.3s ease;

}

.mwWidgetContinueWatching:hover svg {

   transform: translateX(5px);

}

   </style>

       
       <a href="" class="mwWidgetContinueWatching" style="color: #0060A8; font-size: 25px; font-weight: 700; word-wrap: break-word; display: flex; align-items: center;">
           Continue watching
           
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 24" fill="none" style="width: 55px; height: 24px;">
                   <path d="M54.0607 13.0607C54.6465 12.4749 54.6465 11.5251 54.0607 10.9393L44.5147 1.3934C43.9289 0.807611 42.9792 0.807611 42.3934 1.3934C41.8076 1.97919 41.8076 2.92893 42.3934 3.51472L50.8787 12L42.3934 20.4853C41.8076 21.0711 41.8076 22.0208 42.3934 22.6066C42.9792 23.1924 43.9289 23.1924 44.5147 22.6066L54.0607 13.0607ZM0 13.5L53 13.5L53 10.5L0 10.5L0 13.5Z" fill="#0060A8"/>
               </svg>
           
       </a>