Updating for smoother presentation and updated inoreader

Author: ccbaumler

button.css

@@ -0,0 +1,45 @@
+/* Style for the button */
+.custom-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 200px;
+  height: 60px;
+  background-color: #044; /* Black background */
+  color: #fff;  /* White text */
+  border-radius: 8px; /* Rounded corners */
+  text-decoration: none; /* No underline */
+  transition: background-color 0.3s ease; /* Smooth hover effect */
+  padding: 10px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+}
+
+.custom-button:hover {
+  background-color: #444; /* Darker background on hover */
+}
+
+/* Text container for stacking */
+.text-container {
+  display: flex;
+  flex-direction: column; /* Stack elements vertically */
+  align-items: center; /* Center-align text */
+  gap: 4px; /* Space between lines */
+}
+
+/* Logo styles */
+.play-logo {
+  height: 40px; /* Adjust logo size */
+  width: auto;
+}
+
+.small-text {
+  font-size: 12px; /* Small text for "GET IT ON" */
+  text-transform: uppercase;
+  display: block; /* Force on own line*/
+}
+
+.big-text {
+  font-size: 18px; /* Larger text for "Google Play" */
+  font-weight: bold;
+  display: block;
+}