@charset "utf-8";

.mbp836 { width: 100%; display: flex; padding: 0px 0px 20px 15px; position: relative; }

.mbp836 > div { width: 100%; }

@media (max-width: 767px) {
  .mbp836 { padding: 4px 0px 8px 15px; position: relative; }
}

.mbp837::after { left: 7px; color: rgb(255, 255, 255); width: 25px; height: 25px; margin: -38px 0px 0px 215px; content: "✕"; display: inline-block; padding: 3px; z-index: 99; position: absolute; animation: 0.3s ease-in 0s 1 normal none running fadeZoomIn; font-size: 14px; text-align: center; font-weight: bold; line-height: 21px; border-radius: 50%; background-color: rgb(121, 0, 15); }

@media (max-width: 767px) {
  .mbp837::after { margin: -60px 0px 0px 215px; }
}

.mbp838::before { color: rgb(121, 0, 15); border: none; height: 22px; content: "You must be 21 or older to purchase wine!"; opacity: 1; z-index: 99; font-size: 12px; transition: opacity 0.3s ease-in; font-weight: 400; line-height: 25px; }

@media (max-width: 479.95px) {
  .mbp838::before { top: -5px; left: 12px; }
}

.mbp839::before { color: rgb(5, 137, 66); width: 150px; border: none; margin: 0px 0px 0px 12px; content: "Age Confirmed"; opacity: 1; z-index: 99; position: absolute; font-size: 14px; transition: opacity 0.3s ease-in; font-weight: 400; line-height: 25px; }

.mbp840::after { color: rgb(255, 255, 255); width: 25px; height: 25px; margin: -38px 0px 0px 215px; content: "✓"; display: inline-block; padding: 7px; z-index: 99; position: absolute; animation: 0.3s ease-in 0s 1 normal none running fadeZoomIn; font-size: 16px; text-align: center; font-weight: bold; line-height: 19px; border-radius: 50%; background-color: rgb(5, 137, 66); }

@media (max-width: 767px) {
  .mbp840::after { margin: -50px 0px 0px 205px; }
}

.mbp841 { width: 100%; display: block; }

.mbp841 > div { width: 100%; }

.mbp842::after { color: rgb(255, 255, 255); width: 25px; height: 25px; margin: -60px 0px 0px 95px; content: "✓"; display: inline-block; padding: 5px; z-index: 99; position: absolute; animation: 0.3s ease-in 0s 1 normal none running fadeZoomIn; font-size: 16px; text-align: center; font-weight: bold; line-height: 17px; border-radius: 50%; background-color: rgb(5, 137, 66); }

.mbp843 { position: relative; }

.mbp843::before { color: rgb(5, 137, 66); width: 200px; border: none; margin: 3px 0px 0px; content: "ZIP code confirmed eligible "; opacity: 1; z-index: 99; position: absolute; font-size: 14px; transition: opacity 0.3s ease-in; font-weight: 400; line-height: 25px; }

.mbp844::after { color: rgb(255, 255, 255); width: 25px; height: 25px; margin: -32px 0px 0px 96px; content: "✕"; display: inline-block; padding: 5px; z-index: 99; position: absolute; animation: 0.3s ease-in 0s 1 normal none running fadeZoomIn; font-size: 14px; text-align: center; font-weight: bold; line-height: 16px; border-radius: 50%; background-color: rgb(121, 0, 15); }

.mbp845 { position: relative; }

.mbp845::before { left: 0px; color: rgb(121, 0, 15); width: 220px; bottom: -28px; height: 25px; content: "Not eligible for Wine shipment"; opacity: 1; z-index: 99; position: absolute; font-size: 14px; transition: opacity 0.3s ease-in; font-weight: 400; line-height: 25px; padding-left: 0px; }