feat: button styled

17-results-summary-component-go/public/out.css

@@ -423,7 +423,7 @@ video {
 }
 
 :root {
-  --summary-item-color: 0deg 100% 67%
+  --summary-item-color-var: 0deg 100% 67%
     
 }
 
@@ -544,6 +544,14 @@ video {
   display: flex;
 }
 
+.grid {
+  display: grid;
+}
+
+.h-12 {
+  height: 3rem;
+}
+
 .h-32 {
   height: 8rem;
 }
@@ -552,6 +560,10 @@ video {
   width: 8rem;
 }
 
+.w-full {
+  width: 100%;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -564,6 +576,10 @@ video {
   flex-direction: column;
 }
 
+.place-items-center {
+  place-items: center;
+}
+
 .items-center {
   align-items: center;
 }
@@ -589,6 +605,11 @@ video {
   border-bottom-left-radius: 1.5rem;
 }
 
+.bg-dark-gray-blue {
+  --tw-bg-opacity: 1;
+  background-color: hsl(224 30% 27% / var(--tw-bg-opacity));
+}
+
 .bg-summary-item-color\/10 {
   background-color: hsl(var(--summary-item-color-var) / 0.1);
 }