Materiais angulares não aplicarão estilos aos componentes

Aqui está um trecho simples:

.profilebutton  {
  float: right;
}
<!-- PROFILE BUTTON -->
  <div class="col-md-4 profilebuttoncontainer">
    <button md-button [routerLink]="'/welcome/profile'" class="profilebutton">Profile</button>
  </div>

O que exatamente estou fazendo de errado? Eu tenho tentado estilizar barras de ferramentas, caixas de diálogo, caixas de seleção, todas da Angular Materials, mas nenhuma delas se aplica. Posso mudar o estilo com o inspetor em mat- (tanto faz) como mat-button, mat-dialog-container, e que funciona, mas como eu traduzo isso para css? Parece que não tenho acesso para modificar o mat- (coisas)

Tudo o que quero fazer é colar um botão md no lado direito de um contêiner. Super simples.

questionAnswers(1)

yourAnswerToTheQuestion