.mv-offer-cta {
  display: inline-block;
  margin-left: 10px;
}

.mv-offer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #1b2e47;
  color: #fff;

  padding: 12px 24px;

  border: none;
  border-radius: 3px;

  cursor: pointer;

  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;

  min-width: 180px;
  min-height: 45px;

  transition: .3s;
}

.mv-offer-btn:hover {
  background: #d4ac8f;
  color: #1b2e47;
}

.mv-offer-modal {
  display: none;

  position: fixed;
  inset: 0;

  z-index: 9999;
}

.mv-offer-modal.is-open {
  display: block;
}

.mv-offer-modal__overlay {
  position: absolute;
  inset: 0;

  background:
    rgba(
      0,
      0,
      0,
      .7
    );
}

.mv-offer-modal__content {
  position: relative;

  max-width: 600px;

  margin:
    50px auto;

  background:
    #fff;

  border-radius:
    8px;

  max-height:
    90vh;

  overflow-y:
    auto;

  padding:
    0;
}

.mv-offer-modal__close {
  position: absolute;

  top:
    15px;

  right:
    15px;

  background:
    none;

  border:
    none;

  font-size:
    32px;

  cursor:
    pointer;
}

.mv-offer-modal__header {
  padding:
    30px;

  border-bottom:
    1px solid #eee;
}

.mv-offer-modal__product {
  display:
    flex;

  gap:
    20px;

  align-items:
    center;
}

.mv-offer-modal__product-image {
  width:
    100px;

  height:
    100px;

  object-fit:
    cover;
}

.mv-offer-modal__product-title {
  margin:
    0;

  font-size:
    20px;
}

.mv-offer-modal__body {
  padding:
    30px;
}

@media (
  max-width:
  768px
) {

  .mv-offer-modal__content {

    margin:
      20px;

    max-height:
      calc(
        100vh - 40px
      );

  }

  .mv-offer-modal__product {

    flex-direction:
      column;

    text-align:
      center;

  }

}