@include export-module('co-save-cancel-buttons-theme') {
  .co-save-cancel-buttons {
    .save-button {
      color: $tp-save-cancel-buttons-save-label-color;
      background: $tp-save-cancel-buttons-save-button-color;
      border-color: $tp-save-cancel-buttons-save-button-border-color;
      svg {
        fill: $tp-save-cancel-buttons-save-icon-color;
      }
      [fill] {
        fill: $tp-save-cancel-buttons-save-icon-color;
      }
    }
    .cancel-button {
      color: $tp-save-cancel-buttons-cancel-label-color;
      background: $tp-save-cancel-buttons-cancel-button-color;
      border-color: $tp-save-cancel-buttons-cancel-button-border-color;
      svg {
        fill: $tp-save-cancel-buttons-cancel-icon-color;
      }
      [fill] {
        fill: $tp-save-cancel-buttons-cancel-icon-color;
      }
    }
    .save-icon {
      background: $tp-save-cancel-buttons-save-button-color;
      svg {
        fill: $tp-save-cancel-buttons-save-icon-color;
      }
      [fill] {
        fill: $tp-save-cancel-buttons-save-icon-color;
      }
    }
    .cancel-icon {
      background: $tp-save-cancel-buttons-cancel-button-color;
      svg {
        fill: $tp-save-cancel-buttons-cancel-icon-color;
      }
      [fill] {
        fill: $tp-save-cancel-buttons-cancel-icon-color;
      }
    }
  }
}