changed ascii label to flip button in letter card

Author: Ciphrox

src/assets/styles/varnmala/reader.css

@@ -68,7 +68,7 @@
   cursor: pointer;
 }
 
-.speaker > span {
+.speaker>span {
   padding: 0.5rem;
   border: 1px solid var(--primary);
   border-radius: 5px;
@@ -93,4 +93,4 @@
   .mute-button {
     font-size: min(2.5rem, 8vw);
   }
-}
+}

src/components/LetterCard.astro

@@ -25,9 +25,9 @@ const { item, category } = Astro.props;
       <div class="card__glow"></div>
     </div>
     <div class="card card__back">
-      <div class="flip__button">
-        <span class="flip__button__text" title="Flip Card">Flip Card</span>
-      </div>
+        <div class="flip__button">
+          <span class="flip__button__text" title="Flip Card">Flip Card</span>
+        </div>
       {
         item.image ? (
           <img src={`/assets/images/alphabets/${category}/${item.image}`} alt={item.letter} class="image" />