Make the font bigger on the buttons

[momisageek]

I'm always frustrated when I see the buttons with tiny font on them. This makes anyone who has vision typical of anyone over 40 struggle to read them. There is plenty of space on the button to increase the font and icon size. I would like to control the size of font on the buttons, the color, and the icon size. I work on web apps for handicapped and elderly adults, and these buttons do not pass readability standards.

Describe the solution you'd like
Have easy access to the CSS styling for the firebaseui-web. Or make the default size bigger. Or give a choice for larger buttons in the options.

Describe alternatives you've considered
On a mobile phone the user can zoom. That is also difficult for people with less dexterity.

[Luke-Markham]

.firebaseui-idp-button,
.mdl-button,
.mdl-js-button,
.mdl-button--raised,
.firebaseui-idp-google,
.firebaseui-id-idp-button {
max-width: unset !important;
min-width: unset !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

.firebaseui-container {
max-width: 90% !important;
}
@media screen and (min-width: 768px) {
.firebaseui-container {
max-width: 60% !important;
}
}

@media screen and (min-width: 1240px) {
.firebaseui-container {
max-width: 50% !important;
}
}

.firebaseui-idp-text,
.firebaseui-idp-text-long,
.firebaseui-idp-text-short {
font-size: 3vmin !important;
font-family: var(--sec-font);
}

.firebaseui-idp-icon {
height: 3vmin !important;
width: 3vmin !important;
}

.firebaseui-tos,
.firebaseui-tospp-full-message {
font-size: 1.5vmin !important;
}