add style fixes

Author: Awakich

projects/social_platform/src/app/office/shared/carousel/carousel.component.html

@@ -7,7 +7,7 @@
     <span>{{ currentIndex + 1 }} / {{ images.length }}</span>
   </div>
   <button class="carousel__btn carousel__btn--prev" (click)="prev()">
-    <i appIcon icon="arrowright" appSquare="20"></i>
+    <i appIcon icon="arrowright" appSquare="20" style="transform: rotate(180deg)"></i>
   </button>
 
   <button class="carousel__btn carousel__btn--next" (click)="next()">

projects/social_platform/src/app/office/shared/carousel/carousel.component.scss

@@ -26,7 +26,7 @@
     right: 10px;
     z-index: 10;
     padding: 2px 20px;
-    color: rgba($color: #fff, $alpha: 50%);
+    color: var(--dark-grey);
     background-color: rgb(66 66 66 / 30%);
     border-radius: 15px;
 
@@ -45,6 +45,7 @@
     cursor: pointer;
     border: none;
     border-radius: 100%;
+    background-color: rgb(66 66 66 / 30%);
     transform: translateY(-50%);
   }
 
@@ -75,4 +76,4 @@
       transform: translate(-50%, -50%) scale(1);
     }
   }
-}
+}