@import "variables";
@import "mixins";

.add_gift_card_form {
  h4 {
    @include link;
    cursor: pointer;
  }
  #wc_gc_cart_redeem_form {
    display: grid;
    grid-template-columns: 1fr;

    .wc_gc_add_gift_card_form__notices {
      grid-column: span 1;
      margin: (1rem * 1.6) 0 0 0;
      order: 3;
    }
    #wc_gc_cart_code {
      margin: 0;
      order: 1;
      min-width: 1px;
    }
    button {
      @include button-outline;
      order: 2;
      padding: 1em;
    }

    @include bp("sm-up") {
      grid-template-columns: 3fr 2fr;
      .wc_gc_add_gift_card_form__notices {
        grid-column: span 2;
      }
      #wc_gc_cart_code {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
      button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }
}
