@charset "utf-8";

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

.mbp3306 > div { width: 100%; }

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

.mbp3307::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) {
  .mbp3307::after { margin: -60px 0px 0px 215px; }
}

.mbp3308::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) {
  .mbp3308::before { top: -5px; left: 12px; }
}

.mbp3309::before { color: rgb(36, 178, 0); 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; }

.mbp3310::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(36, 178, 0); }

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

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

.mbp3311 > div { width: 100%; }

.mbp3312::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(36, 178, 0); }

.mbp3313 { position: relative; }

.mbp3313::before { color: rgb(36, 178, 0); 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; }

.mbp3314::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); }

.mbp3315 { position: relative; }

.mbp3315::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; }