@include export-module('cc-transaction-cash-register-order-receipt-dialog-layout') {
  .co-transaction-cash-register-order-receipt-dialog {

    .dialog-content-wrapper {
      display: flex;
      column-gap: 15px;
      margin-top: 25px;
    }

    .title-wrapper {
      display: flex;
      column-gap: 10px;
      align-items: center;

      span {
        margin: 0;
      }
    }

    .receipt-option {
      display: flex;
      align-items: center;
      grid-column-gap: 10px;
      column-gap: 10px;
      border: 1px solid #1a73e8;
      color: #1a73e8;
      padding: 10px;
      border-radius: 8px;
      min-width: 140px;
      justify-content: center;
      cursor: pointer;

      &:hover {
        background-color: rgba(26, 115, 232, 0.21);
      }

      &.disabled {
        cursor: default;
        filter: grayscale(1);
      }

      .co-icon {
        width: 20px;
        height: 20px;

        svg { // for fontawesome icons
          fill: #1a73e8;
        }

        & [fill] { // for own icons
          fill: #1a73e8;
        }
      }
    }
  }
}
