Update style.css

Author: Lyellr88

webchat/style.css

@@ -38,7 +38,7 @@ header h1 {
 main {
   max-width: 792px;
   margin: 2.5em auto;
-  margin-left: 320px; 
+  margin-left: 360px; 
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 16px rgba(30,30,50,0.10);
@@ -231,24 +231,30 @@ body.dark-mode #darkModeToggle {
 /* --- TOKEN COUNTER BUTTON (½-inch above dark-mode toggle) --- */
 #token-counter-btn {
   position: fixed;
-  /* dark-mode button sits at bottom: 2em, height: 2.5em ⇒
-     add 0.5-inch (~12.7 mm ≈ 48 px) gap above it          */
-  bottom: calc(2em + 2.5em + 0.5in);   /* ≈ 2em + 40px + 48px */
+  bottom: calc(2em + 2.5em + 0.5in);   /* keeps 0.5-in gap above dark-mode button */
   right : 2em;
   width : 2.5em;
   height: 2.5em;
-  border-radius: 50%;
-  border: none;
-  background: #ffb547;     /* coin color */
+  line-height: 2.5em;                  /* vertically center the “TC” text */
+  text-align: center;                  /* horizontally center */
+  font-size: 0.9em;                    /* fits nicely inside circle */
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  background: #ffb547;                 /* coin-tone color */
   color: #000;
-  font-size: 1.2em;        /* 🪙 icon size */
+  border: none;
+  border-radius: 50%;
   cursor: pointer;
   z-index: 101;
   box-shadow: 0 2px 6px rgba(40,40,60,0.10);
 }
 #token-counter-btn:hover {
   background: #ffd376;
-  }
+}
+body.dark-mode #token-counter-btn {
+  background: #d89b2d;
+  color: #fff;
+}
 
 /* --- Responsive improvements --- */
 @media (max-width: 900px) {