@import (reference) "colors";
@import (reference) "cards";
@import (reference) "fonts";

.payment__form {
  .card-style;
  padding: 0rem 2rem 2rem;
  color: @color--gray-dark;
  // box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);

  .row {
    & > * { margin-right: 1rem; }
    & > *:last-child { margin-right: 0; }
  }

  .form__label {
    margin-left: 0;
    margin-bottom: 0.5rem;
  }

  .button--green {
    .font--header(@font-size--body-sm, true);
    font-weight: 400;
    margin: 2rem 0 0;
    width: 100%;
  }

  .form__input, .input {
    background-color: @color--white;
    &:focus {
      background-color: @color--off-white;
    }
  }
}

.payment__select {
  color: @color--gray-dark;
  li {
    padding: 0.4rem 1rem !important;
  }
}