#style:

Deskripsi:
- UI Voting bagian beranda dan status
## Noissue

src/app_modules/vote/component/card_view_status.tsx

@@ -1,20 +1,10 @@
 "use client";
 
-import {
-  Card,
-  Stack,
-  Title,
-  Badge,
-  Group,
-  Radio,
-  Grid,
-  Center,
-  Text,
-} from "@mantine/core";
-import moment from "moment";
+import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
+import { Badge, Card, Group, Stack, Text } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { MODEL_VOTING } from "../model/interface";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 
 export default function ComponentVote_CardViewStatus({
   path,
@@ -27,10 +17,14 @@ export default function ComponentVote_CardViewStatus({
   return (
     <>
       <Card
-        shadow="lg"
-        withBorder
         p={30}
-        radius={"md"}
+        mb={"lg"}
+        style={{
+          backgroundColor: AccentColor.darkblue,
+          borderRadius: "10px",
+          border: `2px solid ${AccentColor.blue}`,
+          color: "white",
+        }}
         onClick={() => {
           if (data?.id === undefined) {
             ComponentGlobal_NotifikasiPeringatan("Path tidak ditemukan");
@@ -41,11 +35,21 @@ export default function ComponentVote_CardViewStatus({
       >
         {/* Isi deskripsi */}
         <Card.Section>
-          <Stack>
-            <Text fw={"bold"} truncate>
+          <Stack px={"xs"} align="center">
+            <Text fw={"bold"} lineClamp={1} align="center">
               {data?.title}
             </Text>
-            <Badge>
+            <Badge
+              // size="md"
+              styles={{
+                root: {
+                  backgroundColor: AccentColor.blue,
+                  border: `1px solid ${AccentColor.skyblue}`,
+                  color: "white",
+                  width: "80%",
+                },
+              }}
+            >
               <Group>
                 <Text>
                   {data?.awalVote.toLocaleDateString(["id-ID"], {