Mat-button-toggle-group из углового материала работает с анимацией?

Question

У меня есть mat-button-toggle-group, как в приведенном ниже коде:

<mat-button-toggle-group name="fontStyle" aria-label="Font Style">
  <mat-button-toggle value="bold">Bold</mat-button-toggle>
  <mat-button-toggle value="italic">Italic</mat-button-toggle>
  <mat-button-toggle value="underline">Underline</mat-button-toggle>
</mat-button-toggle-group>

Я использовал этот CSS для стилизации группы.

 .mat-button-toggle-group {
   background-image: url('display.png');
   background-repeat: repeat-x;
   border-radius: 16px;

  }
  .mat-button-toggle {
    background-color: transparent;
  }

  .mat-button-toggle-checked {
    background-color: #1a7375; 
    border-radius: 32px;
   }

Это любой шансиметь переход или пользовательскую анимацию между кнопками?Например, если кнопка «Полужирный» отмечена, и я нажал кнопку «Подчеркнуть», я хочу, чтобы анимация слайда между этими двумя кнопками была похожа на ползунок, который перемещается от кнопки «Полужирный» к кнопке «Подчеркнутый», и этот ползунок также проходит через кнопку «Курсив» до нажатия кнопки «Подчеркнуть»..