title: Resize MatRadioButton - ripples issue
body: <p>I want to resize mat-radio-button in my angular application. I defined a style globally. For the most part it works, but the anymation effect of the ripples is not resized and if cliped byt the mat-radio-container boundaries. </p>
  
  <pre><code>.mat-radio-container {
      height: 15px !important;
      width: 15px !important;
  }
  .mat-radio-outer-circle {
      height: 15px !important;
      width: 15px !important;
  }
  .mat-radio-inner-circle {
      height: 15px !important;
      width: 15px !important;
  }
  .mat-radio-button .mat-radio-ripple {
      height: 30px !important;
      width: 30px !important;
      left: calc(50% - 15px) !important;
      top: calc(50% - 15px) !important;
  }
  
  .mat-radio-ripple-element {
      height: 30px !important;
      width: 30px !important;
  }
  </code></pre>
  
  <p>I want to resize the ripple anymation as well.</p>