#checkout-dialog {

  .dialog_content {

    > div {

      form {

        gap: 1rem;
        flex-wrap: wrap;

        fieldset {

          width: calc(50% - .5rem);

          input,
          .StripeElement {
            background-color: var(--alto-white);
            border: 1px solid var(--bg-grey);
            padding: .5rem;
            border-radius: .5rem;
            font-family: var(--font-reg);
          }

          #card-number {
            padding-left: 2rem;
          }

          #card-number:before {
            content: "\f09d";
            font-family: var(--font-awe);
            font-size: 1rem;
            position: absolute;
            line-height: 1.2rem;
            left: .5rem;
          }

          input + label,
          .StripeElement + label,
          button + label {
            font-size: .8rem;
            line-height: 1.2rem;

            .error {
              display: block;
              color: var(--alto-red);
            }
          }

          button {

            background: var(--alto-white);
            border: 1px solid var(--border-grey);
            color: var(--alto-black);
            outline: none;
            -webkit-appearance: none;
            border-radius: .5rem;
            transition: .3s ease-out;
            font-size: 1rem;
            padding: 1rem;
            width: 100%;
            text-align: center;
            cursor: pointer;
            font-family: var(--font-alt);

            span {
              display: inline-block;
              margin-left: .5rem;
            }

          }

          button:hover {
            background: var(--alto-black);
            color: var(--alto-white);
            transform: scale(1.025);
            box-shadow: rgba(0,0,0,.75) 0 0 6px 0;
          }

          button[type="submit"] {
            color: var(--alto-white);
            background: linear-gradient(-65deg,var(--alto-red) 33%, var(--pale-red) 50%,var(--alto-red) 66%);
            background-size:400% 100%;
            border: none;
            color: var(--alto-white);

          }

          button[type="submit"]:hover {
            animation: singleProductAddToCartEffect 2s infinite;
          }

        }

        fieldset.fourth {
          width: calc(25% - .75rem);
        }

      }

    }

  }

}

@media only screen and (max-width: 700px)  {

  #checkout-dialog {

    .dialog_content {

      > div {

        form {

          fieldset {
            width: 100%;
          }

          fieldset.fourth {
            width: calc(50% - .5rem);
          }

        }

      }

    }

  }
}