.order .paymentAddressAndDetails {
  max-width: 700px;
  margin: 3em auto;
  display: flex; }
  .order .paymentAddressAndDetails .left {
    max-width: 164px;
    margin-right: 3em; }
    .order .paymentAddressAndDetails .left .button {
      font-size: 90%;
      text-align: center;
      position: relative;
      margin: 1em 0 0 0.3em;
      width: 100px; }
  .order .paymentAddressAndDetails .right .instructions p {
    margin-bottom: 1em;
    line-height: 120%; }
  .order .paymentAddressAndDetails .right .instructions .amount {
    font-weight: bold;
    background-color: #e0e1e2;
    padding: 0.2em;
    border-radius: 3px;
    color: #000; }
  .order .paymentAddressAndDetails .right .instructions .address {
    font-weight: bold;
    font-size: 140%; }
  .order .paymentAddressAndDetails .right .status p {
    margin-bottom: 1em; }
  .order .paymentAddressAndDetails .right .status .unpaid, .order .paymentAddressAndDetails .right .status .processing, .order .paymentAddressAndDetails .right .status .paid, .order .paymentAddressAndDetails .right .status .expired {
    margin-bottom: 1em;
    line-height: 130%;
    font-size: 90%; }
  .order .paymentAddressAndDetails .right .summary {
    margin-top: 1em; }
    .order .paymentAddressAndDetails .right .summary h4 {
      font-size: 120%;
      font-weight: bold; }
    .order .paymentAddressAndDetails .right .summary ul {
      margin-left: 3em; }
  @media screen and (max-width: 650px) {
    .order .paymentAddressAndDetails {
      flex-wrap: wrap;
      justify-content: center; }
      .order .paymentAddressAndDetails .left, .order .paymentAddressAndDetails .right {
        width: 100%; }
      .order .paymentAddressAndDetails .left {
        margin: 0;
        text-align: center;
        max-width: 100%;
        display: flex;
        flex-flow: column nowrap;
        align-items: center; }
        .order .paymentAddressAndDetails .left .button {
          margin-top: 1rem; }
      .order .paymentAddressAndDetails .right {
        margin-top: 1.5rem;
        text-align: center; }
        .order .paymentAddressAndDetails .right .summary {
          text-align: left; } }
