UX Best Practice: All buttons on a page should be enabled. When clicked, if all criteria for a button action have not been met, then error messaging should appear to communicate which requirements need attention.
There are exceptions when a disabled button may need to be used. A proper usage of disabled buttons would be a case where a user needs to act in order to proceed in application. (e.g. Consent forms).
Additional copy must accompany the usage of these types of buttons, informing the user of the action they need
to perform in order to make the button enabled and allowing them to proceed.
font-family: 'Noto Sans', sans-serif;
padding: 12px 14px;
.ml-button-disabled, .ml-button-disabled:hover, .ml-button-disabled:focus, .focus.ml-button-disabled
<a href="" class="ml-button-disabled">Find out more</a>