<style>.button.is-default.is-outlined{background-color:transparent;border-color:<%= defaultColour %>;color:<%= defaultColour %>}.button.is-default.is-outlined:hover,.button.is-default.is-outlined.is-hovered,.button.is-default.is-outlined:focus,.button.is-default.is-outlined.is-focused{background-color:<%= defaultColour %>;border-color:<%= defaultColour %>;color:<%= foreground %>}.button.is-default.is-outlined.is-loading::after{border-color:transparent transparent <%= defaultColour %> <%= defaultColour %>!important}.button.is-default.is-outlined.is-loading:hover::after,.button.is-default.is-outlined.is-loading.is-hovered::after,.button.is-default.is-outlined.is-loading:focus::after,.button.is-default.is-outlined.is-loading.is-focused::after{border-color:transparent transparent <%= foreground %> <%= foreground %>!important}.button.is-default.is-outlined[disabled],fieldset[disabled] .button.is-default.is-outlined{background-color:transparent;border-color:<%= defaultColour %>;box-shadow:none;color:<%= defaultColour %>}.button.is-default.is-inverted.is-outlined{background-color:transparent;border-color:<%= foreground %>;color:<%= foreground %>}.button.is-default.is-inverted.is-outlined:hover,.button.is-default.is-inverted.is-outlined.is-hovered,.button.is-default.is-inverted.is-outlined:focus,.button.is-default.is-inverted.is-outlined.is-focused{background-color:<%= foreground %>;color:<%= defaultColour %>}.button.is-default.is-inverted.is-outlined.is-loading:hover::after,.button.is-default.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-default.is-inverted.is-outlined.is-loading:focus::after,.button.is-default.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent <%= defaultColour %> <%= defaultColour %>!important}.button.is-default.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-default.is-inverted.is-outlined{background-color:transparent;border-color:<%= foreground %>;box-shadow:none;color:<%= foreground %>}</style>
<style>.button.is-default{background-color: <%=defaultColour %>; border-color: transparent; color: <%=foreground %>;}.button.is-default.is-hovered,.button.is-default:hover{background-color: <%=colour(`${defaultColour}`).darken(0.1); %>; border-color: transparent; color: <%=foreground %>;}.button.is-default.is-focused,.button.is-default:focus{border-color: transparent; color: <%=foreground %>;}.button.is-default.is-focused:not(:active),.button.is-default:focus:not(:active){box-shadow: 0 0 0 0.125em rgba(<%=colour(`${defaultColour}`).rgb %>,.25);}.button.is-default.is-active,.button.is-default:active{background-color: <%=colour(`${defaultColour}`).darken(0.1); %>; border-color: transparent; color: <%=foreground %>;}.button.is-default[disabled],fieldset[disabled] .button.is-default{background-color: <%=defaultColour %>; border-color: transparent; box-shadow: none;}.button.is-default.is-inverted{background-color: <%=foreground %>; color: <%=defaultColour %>;}.button.is-default.is-inverted.is-hovered,.button.is-default.is-inverted:hover{background-color: #f2f2f2;}.button.is-default.is-inverted[disabled],fieldset[disabled] .button.is-default.is-inverted{background-color: <%=foreground %>; border-color: transparent; box-shadow: none; color: <%=defaultColour %>;}.button.is-default.is-loading::after{border-color: transparent transparent <%=foreground %> <%=foreground %>!important;}.button.is-default.is-outlined{background-color: transparent; border-color: <%=defaultColour %>; color: <%=defaultColour %>;}.button.is-default.is-outlined.is-focused,.button.is-default.is-outlined.is-hovered,.button.is-default.is-outlined:focus,.button.is-default.is-outlined:hover{background-color: <%=defaultColour %>; border-color: <%=defaultColour %>; color: <%=foreground %>;}.button.is-default.is-outlined.is-loading::after{border-color: transparent transparent <%=defaultColour %> <%=defaultColour %>!important;}.button.is-default.is-outlined.is-loading.is-focused::after,.button.is-default.is-outlined.is-loading.is-hovered::after,.button.is-default.is-outlined.is-loading:focus::after,.button.is-default.is-outlined.is-loading:hover::after{border-color: transparent transparent <%=foreground %> <%=foreground %>!important;}.button.is-default.is-outlined[disabled],fieldset[disabled] .button.is-default.is-outlined{background-color: transparent; border-color: <%=defaultColour %>; box-shadow: none; color: <%=defaultColour %>;}.button.is-default.is-inverted.is-outlined{background-color: transparent; border-color: <%=foreground %>; color: <%=foreground %>;}.button.is-default.is-inverted.is-outlined.is-focused,.button.is-default.is-inverted.is-outlined.is-hovered,.button.is-default.is-inverted.is-outlined:focus,.button.is-default.is-inverted.is-outlined:hover{background-color: <%=foreground %>; color: <%=defaultColour %>;}.button.is-default.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-default.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-default.is-inverted.is-outlined.is-loading:focus::after,.button.is-default.is-inverted.is-outlined.is-loading:hover::after{border-color: transparent transparent <%=defaultColour %> <%=defaultColour %>!important;}.button.is-default.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-default.is-inverted.is-outlined{background-color: transparent; border-color: <%=foreground %>; box-shadow: none; color: <%=foreground %>;}</style>