@include export-module('cc-pdf-preview-layout') {
  .co-pdf-preview {
    .pdf-preview-button {
      height: $sc-co-signature-button-height;
      width: $sc-co-signature-button-width;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: $sc-co-signature-button-background-color;
      border-radius: $sc-co-signature-button-border-radius;
      cursor: pointer;
      border: 1px solid $sc-co-signature-button-selected-background-color;
      .co-icon {
        width: $sc-co-signature-button-icon-width;
        height: $sc-co-signature-button-icon-height;
        svg {
          fill: $sc-co-signature-button-selected-background-color;
        }
      }
      &.disabled {
        pointer-events: none;
        opacity: .2;
      }
      &.selected {
        background-color: $sc-co-signature-button-selected-background-color;
        .co-icon {
          svg { // for fontawesome icons
            fill: $sc-co-signature-button-icon-selected-color;
          }
          & [fill] { // for own icons
            fill: $sc-co-signature-button-icon-selected-color;
          }
        }
      }
    }
  }
}
