Update video row layout and CTA positioning in index.css

client/src/index.css

@@ -218,10 +218,11 @@ h4 {
 }
 
 .video-row {
-  display: grid;
-  grid-template-columns: 1fr 220px;
-  align-items: start;
-  gap: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  position: relative;
 }
 
 .video-actions {
@@ -230,10 +231,9 @@ h4 {
 }
 
 .video-cta {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  height: 100%;
+  position: absolute;
+  right: 0;
+  bottom: 0.5rem;
 }
 
 .video-cta .button {
@@ -243,10 +243,10 @@ h4 {
 
 @media (max-width: 820px) {
   .video-row {
-    grid-template-columns: 1fr;
+    align-items: center;
   }
   .video-cta {
-    justify-content: center;
+    position: static;
   }
 }