.modal-dialog-vip {
  min-width: 1200px;
}
.modal-dialog-vip .modal-logo {
  width: 60px;
  height: 60px;
}
.modal-dialog-vip .close {
  font-size: 50px;
  font-weight: 100;
}
.modal-dialog-vip .plan-price {
  font-size: 24px;
  font-weight: 500;
}
.pay-btn {
  width: 300px;
  border-radius: 40px;
  max-width: 50vw;
}
.price-container .price-box {
  border: 1px solid rgba(0, 123, 255, 0);
  cursor: pointer;
}
.price-container .price-box.active {
  border: 1px solid #007bff;
  background-color: rgba(0, 123, 255, 0.05);
  border-radius: 4px;
}
.dark-mode .left-shadow {
  border-left: 1px solid #6c757d;
  border-radius: 0;
}
.light-mode .left-shadow {
  border-left: 1px solid #e9ecef;
  border-radius: 0;
}
@media (max-width: 1240px) {
  .pc-button {
    display: none;
  }
  .mobile-button {
    display: block;
  }
}
@media (min-width: 1241px) {
  .pc-button {
    display: block;
  }
  .mobile-button {
    display: none;
  }
}