Added Animated Buttons for the News Page Cards

Html-Files/news.html

@@ -335,7 +335,7 @@
 .news-item {
   width: calc(33.33% - 20px);
   margin-bottom: 30px;
-  background-color: #ffffff;
+  background-color: #fcf8f8;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -445,7 +445,7 @@
   <div class="conta" style="display: flex; flex-wrap: wrap;">
     <div class="container" style="display:flex ;">
       <div class="news-section">
-        <h2 style="color: rgb(0, 166, 255);"><h2><strong>Latest News</strong></h2></h2>
+        <h2 style="color: white"><strong>Latest News</strong></h2>
         <div class="news-container">
           <div class="news-item">
             <h3>RapiDoc Launches Revolutionary Telemedicine</h3>
@@ -830,30 +830,7 @@ <h4>RAPIDOC Newsletter</h4><br>
 });
   </script>
   <style>
-    .container {
-      width: 100%;
-      height: 100%;
-      --s: 194px; /* control the size */
-      --c1: #f6edb3;
-      --c2: #acc4a3;
-
-      --_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0;
-      --_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);
-
-      background: var(--_g), var(--_g) 0 calc(var(--s) / 2),
-        conic-gradient(from 180deg at 75%, var(--c2) 60deg, #0000 0),
-        conic-gradient(from 60deg at 75% 75%, var(--c1) 0 60deg, #0000 0),
-        linear-gradient(150deg, var(--_l)) 0 calc(var(--s) / 2),
-        conic-gradient(
-          at 25% 25%,
-          #0000 50%,
-          var(--c2) 0 240deg,
-          var(--c1) 0 300deg,
-          var(--c2) 0
-        ),
-        linear-gradient(-150deg, var(--_l)) #55897c /* third color here */;
-      background-size: calc(0.866 * var(--s)) var(--s);
-    }
+
 
     .button-icon {
       display: flex;