<style include="cros-color-overrides">
:host {
display: flex;
justify-content: flex-end;
padding: 28px 0 28px 0;
}
#forward:focus {
box-shadow: 0 0 0 2px var(--focus-shadow-color);
}
#flex {
flex: 1;
}
</style>
<div id="flex"></div>
<cr-button id="cancel"
class="cancel-button"
on-click="onCancelButtonClicked_"
disabled="[[isButtonDisabled_(Button.CANCEL, buttonState.*)]]"
hidden$="[[isButtonHidden_(Button.CANCEL, buttonState.*)]]">
[[i18n('cancel')]]
</cr-button>
<cr-button id="forward"
class="action-button"
on-click="onForwardButtonClicked_"
disabled="[[isButtonDisabled_(Button.FORWARD, buttonState.*)]]"
hidden$="[[isButtonHidden_(Button.FORWARD, buttonState.*)]]">
[[forwardButtonLabel]]
</cr-button>