Update styles.css collapsible padding

styles.css

@@ -215,44 +215,42 @@
 
 /* Collapsible Button */
 details summary {
-	background-color: #232D9A;
-	color: white;
-	font-size: 20px;
-	font-family: 'Quicksand', sans-serif !important;
-	font-weight: bold;
-	padding: 14px 20px;
-	border-radius: 8px;
-	width: 50%;
-	align: center;
-	box-sizing: border-box;
-	display: block;
-	text-align: center;
-	cursor: pointer;
-	/* margin-bottom: 15px; */
+    background-color: #232D9A;
+    color: white;
+    font-size: 20px;
+    font-family: 'Quicksand', sans-serif !important;
+    font-weight: bold;
+    padding: 40px 40px;
+    border-radius: 8px;
+    width: auto; /* Allow the button to size based on content */
+    max-width: calc(100% - 80px); /* Prevent the button from exceeding the screen width, accounting for left/right margins */
+    margin: 0 auto; /* Center the button horizontally */
+    box-sizing: border-box;
+    display: block;
+    text-align: center; /* Ensure text is centered */
+    cursor: pointer;
 }
 
 details[open] summary {
-	background-color: #232E9B;
+    background-color: #232E9B;
 }
 
 details summary:hover {
-	background-color: #232E9B;
+    background-color: #232E9B;
 }
 
 /* Collapsible Content */
 details .content {
-	background-color: #E7F8F7;
-	font-family: 'Quicksand', sans-serif !important;
-	padding: 10px;
-	border-left: 5px solid #CD2355;
-	/* margin-top: 5px;*/
-	border-radius: 8px;
-	color: #222222;
-	box-sizing: border-box;
-	width: 100%; /* Full width within the content box */
-	display: block;
-	/* margin-bottom: 15px; */
-	overflow: hidden;  /* Prevents overflowing elements */
+    background-color: #E7F8F7;
+    font-family: 'Quicksand', sans-serif !important;
+    padding: 20px; /* Add padding for better spacing */
+    border-left: 5px solid #CD2355;
+    margin: 40px 40px; /* Add margin to the left and right of the collapsible content */
+    border-radius: 8px;
+    color: #222222;
+    box-sizing: border-box;
+    display: block;
+    overflow: hidden; /* Prevents overflowing elements */
 }
 
 .content iframe {