Change the text color for a button with a clear fill

Ionic Framework
1

Hello there,

I’ve been trying to overide the text color for clear ion-buttons.

HTML

            <ion-button fill="clear">
                Select
            </ion-button>

In the variables.sccs I have tried to add the following without much luck:

:root {

  ion-button.button-clear {
    --color: #FFFFFF !important;
    --color-activated:  #FFFFFF !important;
    --color-focused:  #FFFFFF !important;
  }
  :host(.button-clear) {
    --color: #FFFFFF !important;
    --color-activated:  #FFFFFF !important;
    --color-focused:  #FFFFFF !important;
  }
  
  // ion-button
  .button-clear {
    color: #FFFFFF !important;
    --color: #FFFFFF !important;
    --color-activated:  #FFFFFF !important;
    --color-focused:  #FFFFFF !important;
  }

}

What am I doing wrong?

Any help would be greatly appreciated