@import '../helpers/helpers';

.hop-iframe__wrapper {
  position: relative;
  overflow: hidden;
  height: 700px;
}

// sass-lint:disable no-ids
#hopIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.hop-3dsecure {
  position: relative;
  overflow: hidden;
  height: 350px;
  width: 100%;
}

.btn_align {
  margin: 0 auto;
}

.content {
  margin: 0 auto;
}

.checkout-payment-details {
  &__title {
    font-weight: bold;
    text-align: left;
  }

  &__description {
    color: $red;
  }
}