.store-credit-automations {
  width: calc(100vw - 250px);

  .store-credit-automations__inner {
    max-width: 1000px;
    margin: 0 auto;
  }

  .store-credit-automations__header {
    margin-bottom: 1em;
    display: flex;
    flex-flow: column;
    align-items: center;

    > * {
      margin-bottom: 2em;
    }

    img {
      max-width: 300px;
      height: auto;
    }

    p {
      text-align: center;
      font-size: 18px;
    }
    
    .ant-btn {
      font-weight: 600;
      background-color: #1393A6;
      border-color: #1393A6;

      &:hover {
        background-color: #0a7d8e;
        border-color: #0a7d8e;
      }
    }
  }

  .triggers-actions {
    max-width: 800px;
    margin: 0 auto;

    .ant-card {
      margin-bottom: 1.5em;
      min-height: 88px;
      background-color: #FAFAFA;
      border-color: #D5D5D5;
      border-radius: 6px;

      .ant-card-body {
        padding: 10px 12px;
      }

      .trigger-action__type {
        display: block;
        font-weight: bold;

        .ant-tag {
          border-radius: 100px;
          font-weight: 300;
          font-size: 0.8em;
          line-height: 1.2em;
        }
      }
    }
  }

  .ant-divider-horizontal {
    visibility: hidden;
  }

  .sample-automations {

    > p {
      text-align: center;
      font-size: 18px;
    }

    .ant-card {

      h3 {
        font-size: 1.2em;
      }

      .icon-text {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: start;
        gap: 10px;

        img {
          width: 30px;
          height: auto;
        }
      }
    }
  }
}