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

body.woocommerce-giftcards {
  .my-account-content {
    .woocommerce-Giftcards {
      .woocommerce-Price-amount {
        display: block;
        font-size: 4em;
        text-align: center;
        padding: 0 (2rem * 1.6) (2rem * 1.6) (2rem * 1.6);
      }
    }
    .woocommerce-MyAccount-Giftcards-form {
      display: grid;
      grid-template-columns: 2fr auto;
      padding: (1rem * 1.6) 0;
      grid-column-gap: (1rem * 1.6);
      grid-row-gap: (1rem * 1.6);
      margin-bottom: (2rem * 1.6);
      input {
        flex-grow: 1;
      }
      button.button.woocommerce-Button {
        @include button;
        margin: 0;
        padding: 1em 2em;
      }
      @include bp("sm") {
        grid-template-columns: 1fr;
      }
    }
  }
}
