diff --git a/client/src/assets/community/video-bg-dark.svg b/client/src/assets/community/video-bg-dark.svg
index 85314eab09ff..3cbd3d0c845f 100644
--- a/client/src/assets/community/video-bg-dark.svg
+++ b/client/src/assets/community/video-bg-dark.svg
@@ -1,7 +1,5 @@
 <svg width="464" height="412" viewBox="0 0 464 412" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_dd_8299_2399)">
 <circle cx="205.617" cy="205.617" r="193.617" fill="white"/>
-</g>
 <circle cx="391.261" cy="124.597" r="36.9859" transform="rotate(8.73863 391.261 124.597)" fill="#394035" stroke="#101010" stroke-width="2"/>
 <path d="M408.438 115.565C409.07 116.427 408.884 117.637 408.023 118.268L386.276 134.22C384.495 135.527 381.992 135.142 380.685 133.361L375.275 125.986C374.643 125.124 374.829 123.914 375.691 123.282C376.551 122.651 377.761 122.836 378.393 123.696L381.519 127.946C382.826 129.723 385.326 130.107 387.105 128.802L405.736 115.15C406.597 114.519 407.807 114.705 408.438 115.565Z" fill="#8FF295"/>
 <path d="M438.607 111.76L457.288 113.844" stroke="#8FF295" stroke-width="4" stroke-linecap="round"/>
@@ -9,22 +7,4 @@
 <path d="M424.023 88.332L429.32 70.2973" stroke="#8FF295" stroke-width="4" stroke-linecap="round"/>
 <path d="M350.982 380.623C348.789 394.887 335.061 404.668 320.263 402.393C305.465 400.119 295.308 386.667 297.501 372.402C299.693 358.138 313.422 348.357 328.22 350.632C343.018 352.906 353.175 366.358 350.982 380.623Z" fill="#394035" stroke="#101010" stroke-width="2"/>
 <path d="M334.371 371.276C334.829 370.818 334.829 370.055 334.371 369.62L331.622 366.871C331.187 366.413 330.423 366.413 329.965 366.871L327.804 369.021L332.209 373.426M313.565 383.271V387.676H317.971L330.964 374.671L326.558 370.266L313.565 383.271Z" fill="#8FF295"/>
-<defs>
-<filter id="filter0_dd_8299_2399" x="0" y="0" width="411.235" height="411.234" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="-4" dy="-4"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8299_2399"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="4" dy="4"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_8299_2399" result="effect2_dropShadow_8299_2399"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_8299_2399" result="shape"/>
-</filter>
-</defs>
 </svg>
diff --git a/client/src/assets/community/video-bg.svg b/client/src/assets/community/video-bg.svg
index aa2fac87eacc..4e57ae8435c2 100644
--- a/client/src/assets/community/video-bg.svg
+++ b/client/src/assets/community/video-bg.svg
@@ -1,7 +1,5 @@
 <svg width="464" height="412" viewBox="0 0 464 412" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_dd_8166_4649)">
 <circle cx="205.617" cy="205.617" r="193.617" fill="white"/>
-</g>
 <circle cx="391.261" cy="124.597" r="36.9859" transform="rotate(8.73863 391.261 124.597)" fill="#E1F5E5" stroke="#F2F2F5" stroke-width="2"/>
 <path d="M408.439 115.565C409.07 116.427 408.884 117.637 408.023 118.268L386.277 134.22C384.495 135.527 381.992 135.142 380.685 133.361L375.275 125.986C374.644 125.124 374.83 123.914 375.691 123.282C376.552 122.651 377.761 122.836 378.393 123.696L381.519 127.946C382.826 129.723 385.326 130.107 387.106 128.802L405.737 115.15C406.598 114.519 407.807 114.705 408.439 115.565Z" fill="#007936"/>
 <path d="M438.607 111.76L457.287 113.844" stroke="#007936" stroke-width="4" stroke-linecap="round"/>
@@ -9,22 +7,4 @@
 <path d="M424.023 88.332L429.32 70.2973" stroke="#007936" stroke-width="4" stroke-linecap="round"/>
 <path d="M350.982 380.623C348.789 394.887 335.061 404.668 320.263 402.393C305.465 400.119 295.308 386.667 297.501 372.402C299.693 358.138 313.422 348.357 328.22 350.632C343.018 352.906 353.175 366.358 350.982 380.623Z" fill="#E1F5E5" stroke="#F2F2F5" stroke-width="2"/>
 <path d="M334.371 371.276C334.829 370.818 334.829 370.055 334.371 369.62L331.622 366.871C331.188 366.413 330.424 366.413 329.966 366.871L327.804 369.021L332.21 373.426M313.566 383.271V387.676H317.971L330.964 374.671L326.559 370.266L313.566 383.271Z" fill="#007936"/>
-<defs>
-<filter id="filter0_dd_8166_4649" x="0" y="0" width="411.235" height="411.234" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="-4" dy="-4"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8166_4649"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="4" dy="4"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0 0.701961 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_8166_4649" result="effect2_dropShadow_8166_4649"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_8166_4649" result="shape"/>
-</filter>
-</defs>
 </svg>
diff --git a/client/src/community/index.scss b/client/src/community/index.scss
index 56539fde354c..60d35b7e504e 100644
--- a/client/src/community/index.scss
+++ b/client/src/community/index.scss
@@ -1,8 +1,7 @@
 @use "../ui/vars" as *;
 
 @mixin light-theme {
-  --community-bg-primary: #fff;
-  --community-bg-primary-alt: #fff;
+  --community-bg-primary: #fcfcfc;
   --community-bg-secondary: #f2f2f5;
   --community-text-primary: #000;
   --community-text-primary-alt: #000;
@@ -13,13 +12,13 @@
   --community-header-stats-bg: #e1f5e5;
   --community-box-shadow: 4px -2px 1rem 0 rgba(179, 179, 179, 0.2),
     4px -4px 1rem 0 rgba(179, 179, 179, 0.15);
-  --community-button-bg-alt: #fff;
   --community-circle-img-border: #fff;
   --community-circle-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><ellipse cx="100%" cy="50%" rx="100%" ry="50%" fill="none" stroke="white" stroke-width="4px"/></svg>'),
     url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><ellipse cx="100%" cy="50%" rx="50%" ry="25%" fill="none" stroke="white" stroke-width="4px"/></svg>');
   --community-quote-start: url("../assets/community/quote-start.svg");
   --community-quote-end: url("../assets/community/quote-end.svg");
   --community-video-bg: url("../assets/community/video-bg.svg");
+  --community-card-bg: #fff;
   --community-card-header-bg: #e1f5e5;
   --community-card-border: #e2e2e2;
   --community-table-border: #e2e2e2;
@@ -31,7 +30,6 @@
 
 @mixin dark-theme {
   --community-bg-primary: #101010;
-  --community-bg-primary-alt: #000;
   --community-bg-secondary: #1b1b1b;
   --community-text-primary: #fff;
   --community-text-primary-alt: #cdcdcd;
@@ -42,13 +40,13 @@
   --community-header-stats-bg: #394035;
   --community-box-shadow: 4px -2px 15px 0 rgba(38, 38, 38, 0.2),
     4px -4px 15px 0 rgba(38, 38, 38, 0.15);
-  --community-button-bg-alt: none;
-  --community-circle-img-border: #1b1b1b;
+  --community-circle-img-border: #4e4e4e;
   --community-circle-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><ellipse cx="100%" cy="50%" rx="100%" ry="50%" fill="none" stroke="%234E4E4E" stroke-width="4px"/></svg>'),
     url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><ellipse cx="100%" cy="50%" rx="50%" ry="25%" fill="none" stroke="%234E4E4E" stroke-width="4px"/></svg>');
   --community-quote-start: url("../assets/community/quote-start-dark.svg");
   --community-quote-end: url("../assets/community/quote-end-dark.svg");
   --community-video-bg: url("../assets/community/video-bg-dark.svg");
+  --community-card-bg: #000;
   --community-card-header-bg: #354039;
   --community-card-border: #343434;
   --community-table-border: #1b1b1b;
@@ -81,6 +79,15 @@ main.community-container {
   --community-stats-height: 5.75rem;
   --community-section-gap: 10rem;
 
+  --button-bg: var(--button-primary-default);
+  --button-bg-hover: var(--button-primary-hover);
+  --button-bg-active: var(--button-primary-active);
+  --button-border-color: var(--button-primary-default);
+  --button-color: var(--background-primary);
+  --button-font: var(--type-emphasis-m);
+  --button-padding: 0.43em 0.6em;
+  --button-radius: 0.25rem;
+
   background: var(--community-bg-secondary);
   color: var(--community-text-secondary);
   letter-spacing: var(--heading-letter-spacing);
@@ -102,6 +109,16 @@ main.community-container {
     &.external:after {
       display: none;
     }
+
+    &:hover {
+      --button-border-color: var(--button-bg-hover);
+      --button-bg: var(--button-bg-hover);
+      text-decoration: none;
+    }
+
+    &:active {
+      --button-bg: var(--button-bg-active);
+    }
   }
 
   h2,
@@ -177,39 +194,37 @@ main.community-container {
 
     p {
       color: var(--community-header-text);
-      margin-bottom: 2rem;
+      margin-bottom: 1.5rem;
     }
 
     ul:first-of-type {
       display: flex;
       flex-wrap: wrap;
-      gap: 1.3125rem;
+      gap: 1rem;
 
       @media (max-width: $screen-md) {
         justify-content: center;
       }
 
       a {
-        background: var(--community-bg-primary);
-        border: 1px solid var(--community-text-primary);
-        border-radius: 0.5rem;
-        color: var(--community-text-primary);
-        display: block;
-        font-size: 1.25rem;
-        font-weight: 500;
-        line-height: 120%; /* 1.5rem */
-        padding: 0.625rem;
         text-decoration: none;
+        font: var(--button-font);
+        background-color: var(--button-bg);
+        border: 1px solid var(--button-border-color);
+        border-radius: var(--button-radius);
+        color: var(--button-color);
+        padding: var(--button-padding);
+        display: inline-block;
       }
 
-      li:first-child a {
-        background: var(--community-text-primary);
-        color: var(--community-bg-primary-alt);
+      li:last-child a {
+        --button-color: var(--button-bg);
+        background: transparent;
       }
     }
 
     ul:last-of-type {
-      background: var(--community-bg-primary-alt);
+      background: var(--community-card-bg);
       border-radius: 0.5rem;
       box-shadow: var(--community-box-shadow);
       color: var(--community-text-primary);
@@ -230,11 +245,12 @@ main.community-container {
 
       li {
         align-items: baseline;
-        column-gap: 1.38rem;
+        column-gap: 1rem;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         overflow-wrap: anywhere;
+        min-width: 7.75rem;
 
         @media (max-width: $screen-md) {
           align-items: center;
@@ -252,7 +268,6 @@ main.community-container {
           height: 3.75rem;
           justify-content: center;
           letter-spacing: -0.03125rem;
-          margin: 0 2rem;
           width: 3.75rem;
         }
       }
@@ -300,29 +315,27 @@ main.community-container {
 
         display: flex;
         flex-wrap: wrap;
-        gap: 2.12rem;
-        margin-top: 2rem;
+        gap: 1rem;
+        margin-top: 1.5rem;
 
         @media (max-width: $screen-md) {
           justify-content: center;
         }
 
         a {
-          background: var(--community-button-bg-alt);
-          border: 1px solid var(--community-text-primary);
-          border-radius: 0.5rem;
-          color: var(--community-text-primary);
-          display: block;
-          font-size: 1.25rem;
-          font-weight: 500;
-          line-height: 120%;
-          padding: 0.625rem 3rem;
           text-decoration: none;
+          font: var(--button-font);
+          background-color: var(--button-bg);
+          border: 1px solid var(--button-border-color);
+          border-radius: var(--button-radius);
+          color: var(--button-color);
+          padding: var(--button-padding);
+          display: inline-block;
         }
 
-        li:first-child a {
-          background: var(--community-text-primary);
-          color: var(--community-bg-primary-alt);
+        li:last-child a {
+          --button-color: var(--button-bg);
+          background: transparent;
         }
       }
 
@@ -367,10 +380,7 @@ main.community-container {
         }
 
         a {
-          font-size: 1.375rem;
-          font-weight: 600;
-          line-height: 120%; /* 1.65rem */
-          text-decoration-line: underline;
+          font-weight: 500;
         }
       }
     }
@@ -467,7 +477,7 @@ main.community-container {
       }
 
       li {
-        background: var(--community-bg-primary-alt);
+        background: var(--community-card-bg);
         border-radius: 0.5rem;
         box-shadow: var(--community-box-shadow);
         display: block;
@@ -592,7 +602,7 @@ main.community-container {
 
       li {
         align-items: center;
-        background: var(--community-bg-primary-alt);
+        background: var(--community-card-bg);
         border: 1px solid var(--community-card-border);
         border-radius: 0.5rem;
         box-shadow: var(--community-box-shadow);
@@ -616,14 +626,14 @@ main.community-container {
         }
 
         a {
-          background: var(--community-text-primary);
-          border-radius: 0.5rem;
-          color: var(--community-bg-primary-alt);
-          font-size: 1.25rem;
-          font-weight: 500;
-          line-height: 120%; /* 1.5rem */
-          padding: 0.62rem;
           text-decoration: none;
+          font: var(--button-font);
+          background-color: var(--button-bg);
+          border: 1px solid var(--button-border-color);
+          border-radius: var(--button-radius);
+          color: var(--button-color);
+          padding: var(--button-padding);
+          display: inline-block;
         }
       }
     }
@@ -656,7 +666,7 @@ main.community-container {
       }
 
       table {
-        background: var(--community-bg-primary-alt);
+        background: var(--community-card-bg);
         border: 1px solid var(--community-table-border);
         border-collapse: separate;
         border-radius: 0.5rem;
@@ -715,6 +725,7 @@ main.community-container {
       }
 
       li {
+        background: var(--community-card-bg);
         align-items: flex-start;
         border: 1px solid var(--community-table-border);
         border-radius: 0.5rem;
@@ -762,15 +773,14 @@ main.community-container {
         }
 
         a {
-          background: var(--community-text-primary);
-          border-radius: 0.5rem;
-          color: var(--community-bg-primary-alt);
-          font-size: 1.25rem;
-          font-weight: 500;
-          line-height: 120%; /* 1.5rem */
-          padding: 0.62rem;
-          text-align: center;
           text-decoration: none;
+          font: var(--button-font);
+          background-color: var(--button-bg);
+          border: 1px solid var(--button-border-color);
+          border-radius: var(--button-radius);
+          color: var(--button-color);
+          padding: var(--button-padding);
+          display: inline-block;
         }
       }
     }