fix(button): add transition to focus overlay (#2850)

* Adds a transition to the button focus overlay -It still shows up very fast, it just feels a bit smoother (similar as in MDL and M1)

Author: devversion

src/lib/button/_button-base.scss

@@ -9,6 +9,7 @@ $mat-button-min-width: 88px !default;
 $mat-button-margin: 0 !default;
 $mat-button-line-height: 36px !default;
 $mat-button-border-radius: 2px !default;
+$mat-button-focus-transition: opacity 200ms $swift-ease-in-out-timing-function !default;
 
 // Icon Button standards
 $mat-icon-button-size: 40px !default;

src/lib/button/button.scss

@@ -81,6 +81,8 @@
   pointer-events: none;
   opacity: 0;
 
+  transition: $mat-button-focus-transition;
+
   @include cdk-high-contrast {
     // Note that IE will render this in the same way, no
     // matter whether the theme is light or dark. This helps