/* Popup Wrapper */
.quick_delivery_wrapper {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
}

/* Popup Card */
.Quick_delivery .Quick_delivery_card {
  position: relative;

  width: 460px;

  padding: 20px;

  background: transparent
    linear-gradient(
      181deg,
      #8b008e 0%,
      #c6008a 18%,
      #570e51 85%,
      #3d003e 92%,
      #23121f 100%
    )
    0% 0% no-repeat padding-box;

  box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.35);

  border-radius: 8px;

  overflow: hidden;

  animation:
    popupBounce 0.8s ease,
    highlightGlow 2s infinite;
}

/* Popup Bounce Animation */

@keyframes popupBounce {
  0% {
    opacity: 0;
    transform: translateY(100px) scale(0.8);
  }

  50% {
    opacity: 1;
    transform: translateY(-20px) scale(1.05);
  }

  70% {
    transform: translateY(10px) scale(0.98);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Highlight Glow Effect */

@keyframes highlightGlow {
  0% {
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.35);
  }

  50% {
    box-shadow: 0px 0px 30px rgba(198, 0, 138, 0.8);
  }

  100% {
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.35);
  }
}

/* Close Button */

.Quick_delivery .close_btn {
  position: absolute;

  top: 12px;

  right: 12px;

  width: 32px;

  height: 32px;

  border-radius: 50%;

  border: none;

  background: #ffffff;

  color: #555;

  font-size: 27px;

  line-height: 20px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s ease;
}

.Quick_delivery .close_btn:hover {
  transform: rotate(90deg);

  background: #f1f1f1;
}

/* Heading */

.Quick_delivery .Quick_delivery_card h2 {
  color: #ffffff;

  font-size: 30px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

/* Description */

.Quick_delivery .Quick_delivery_card p {
  color: #f9d106;

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 20px;
}

/* Order Button */

.Quick_delivery .order_btn {
  border-radius: 25px;

  border: none;

  background: #ffffff;

  color: #2d2d2d;

  font-size: 17px;

  font-weight: 700;

  cursor: pointer;

  padding: 7px 25px;

  transition: 0.3s ease;
}

.Quick_delivery .order_btn:hover {
  transform: translateY(-3px);

  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Mobile Responsive */

@media (min-width: 0px) and (max-width: 575px) {
  .quick_delivery_wrapper {
    left: 15px;

    right: 15px;

    bottom: 15px;
  }

  .Quick_delivery .Quick_delivery_card {
    width: 100%;
  }

  .Quick_delivery .Quick_delivery_card h2 {
    font-size: 18px;
  }

  .Quick_delivery .Quick_delivery_card p {
    font-size: 13px;
  }

  .Quick_delivery .order_btn {
    font-size: 12px;

    padding: 6px 18px;
  }

  .Quick_delivery .close_btn {
    width: 24px;

    height: 24px;

    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .quick_delivery_wrapper {
    left: 15px;

    right: 15px;

    bottom: 15px;
  }

  .Quick_delivery .Quick_delivery_card h2 {
    font-size: 18px;
  }

  .Quick_delivery .Quick_delivery_card p {
    font-size: 13px;
  }

  .Quick_delivery .order_btn {
    font-size: 12px;

    padding: 6px 18px;
  }

  .Quick_delivery .close_btn {
    width: 24px;

    height: 24px;

    font-size: 20px;
  }
}