Ajuste de tamanho e posicao dos FABS e sotaque brasileiro na musica

public/style.css

@@ -2622,8 +2622,8 @@ code {
   position: fixed;
   bottom: 24px;
   right: 24px;
-  width: 60px;
-  height: 60px;
+  width: 48px;
+  height: 48px;
   border-radius: 50%;
   background: var(--brand-green, #10a37f);
   border: none;
@@ -2638,8 +2638,8 @@ code {
 }
 
 .fab-record svg {
-  width: 28px;
-  height: 28px;
+  width: 22px;
+  height: 22px;
 }
 
 .fab-record:hover {
@@ -3402,8 +3402,8 @@ code {
   position: fixed;
   bottom: 24px;
   left: 24px;
-  width: 60px;
-  height: 60px;
+  width: 48px;
+  height: 48px;
   border-radius: 50%;
   background: var(--brand-green, #10a37f);
   border: none;
@@ -3418,8 +3418,8 @@ code {
 }
 
 .fab-tools svg {
-  width: 28px;
-  height: 28px;
+  width: 22px;
+  height: 22px;
 }
 
 .fab-tools:hover {
@@ -3443,8 +3443,17 @@ code {
   }
 }
 
-/* Ocultar barra de ferramentas no mobile por padrão */
 @media (max-width: 768px) {
+  .fab-record {
+    bottom: 104px !important;
+    right: 16px !important;
+  }
+  
+  .fab-tools {
+    bottom: 104px !important;
+    left: 16px !important;
+  }
+
   .prompt-modes-bar {
     display: none !important;
     width: 100%;