diff --git a/style.css b/style.css
index 3b6580ff..dc98f4cd 100644
--- a/style.css
+++ b/style.css
@@ -1551,17 +1551,15 @@ footer {
 
 #back-to-top-container {
   position: fixed;
-  bottom: 100px;
-  right: 47px;
+  bottom: 15px;
+  right: 77px;
   cursor: pointer;
   z-index: 1000;
 }
 
 .circle {
-  background-color: #00093d;
-  border-radius: 50%;
-  width: 35px;
-  height: 35px;
+  border-radius: 50%; 
+  background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1569,26 +1567,18 @@ footer {
 }
 
 #back-to-top {
-  width: 40px;
-  height: 40px;
-  fill: #4178c0;
-  color: #00093d;
+  width: 55px;
+  height: 55px;
+  fill: hwb(181 16% 46%);
+  color: hwb(181 11% 13%);
   transition: fill 0.3s;
 }
 
 #back-to-top:hover {
-  fill: hsl(214, 50%, 60%);
+  transform: scale(1.1);
 }
 
-.back-to-top:hover {
-  background: #3fbcc0cd;
-  color: #fff;
-}
 
-.back-to-top.active {
-  visibility: visible;
-  opacity: 1;
-}
 
 /* Style for pateint portal  */
 /* -----***************************************-----  */
@@ -1652,29 +1642,6 @@ button {
   z-index: 1000;
 }
 
-.circle {
-  background-color: #00093d;
-  border-radius: 50%;
-  width: 35px;
-  height: 35px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: background-color 0.3s;
-}
-
-#back-to-top {
-  width: 40px;
-  height: 40px;
-  fill: #4178c0;
-  color: #00093d;
-  transition: fill 0.3s;
-}
-
-#back-to-top:hover {
-  fill: hsl(214, 50%, 60%);
-}
-
 
 :root {
   --text-color: #959DA5;