Change color of comment freeze button

src/app/components/shared/comment-list/comment-list.component.html

@@ -35,13 +35,13 @@
       <mat-icon class="searchBarIcon">filter_list</mat-icon>
     </button>
 
-    <button id="pause-comments" mat-fab aria-labelledby="pause" class="actionButton"
+    <button id="pause-comments" mat-fab aria-labelledby="pause" class="freezeButton"
             *ngIf="!searchBox.value && !search && !freeze" (click)="pauseCommentStream()"
             matTooltip="{{ 'comment-list.pause-comments' | translate }}">
       <mat-icon class="freezeIcon">pause</mat-icon>
     </button>
 
-    <button id="play-comments" mat-fab aria-labelledby="play" class="actionButton"
+    <button id="play-comments" mat-fab aria-labelledby="play" class="freezeButton"
             *ngIf="!searchBox.value && !search && freeze" (click)="playCommentStream()"
             matTooltip="{{ 'comment-list.play-comments' | translate }}">
       <mat-icon class="freezeIcon">play_arrow</mat-icon>

src/app/components/shared/comment-list/comment-list.component.scss

@@ -71,6 +71,13 @@ app-comment {
   background-color: var(--primary);
 }
 
+.freezeButton {
+  width: 40px;
+  height: 40px;
+  margin: 0 2% 0 5%;
+  background-color: var(--secondary);
+}
+
 .actionIcon {
   transform: scale(1.5);
   color: var(--surface)