.button-wrapper.background {background: #fff;}

.button.background {background: #fff;}
.button.foreground {color: #00a88e;}
.button.border {border-color:#b3b3b3;}

.button:hover.foreground, .button-wrapper:hover .button.foreground {color: #23d1ae;}
.button:hover.border, .button-wrapper:hover .button.border {border-color:#cccccc;}

.button:active.background, .button-wrapper:active .button.background {background: #f2f2f2;}
.button:active.foreground, .button-wrapper:active .button.foreground {color: #006d5c;}
.button:active.border, .button-wrapper:active .button.border {border-color:#999999;}

.button[disabled="disabled"].foreground, .button[disabled].foreground {color:#f2f2f2;}
.button[disabled="disabled"].background, .button[disabled].background {background-color: #f2f2f2;}
.button[disabled="disabled"].border, .button[disabled].border {border-color: #cccccc;}

.button:focus .button__text.border {border-color: #999;}

.button:active .button__text.border {border-color: transparent;}

.button__text::selection {background: transparent;}

.button_recommended.border {border-color:#00a88e;}
.button_recommended.background {background: #00a88e;}
.button_recommended.foreground {color: #fff;}

.button_recommended:hover.background, .button-wrapper:hover .button_recommended.background {background: #23d1ae;}
.button_recommended:hover.border, .button-wrapper:hover .button_recommended.border {border-color: #23d1ae;}

.button_recommended:active.background, .button-wrapper:active .button_recommended.background {background: #006d5c;}
.button_recommended:active.border, .button-wrapper:active .button_recommended.border {border-color: #006d5c;}

.button_recommended span.foreground {color:#ffffff;}

.checkbox.foreground {color: #666;}
