@charset "utf-8";

.mbp276 { left: 50%; color: white; width: calc(100% - 16px); bottom: 0px; display: flex; padding: 8px 16px; z-index: 2; position: fixed; font-size: 16px; max-width: 400px; transform: translateX(-50%) translateY(0%); align-items: center; background-color: rgb(55, 71, 98); border-top-left-radius: 2px; border-top-right-radius: 2px; }

.mbp276:empty { display: none; }

.mbp276 .full-circle-icon { flex: 0 0 auto; color: rgb(0, 204, 51); width: 16px; margin-right: 6px; }

.mbp276 .shopping-for { flex: 1 1 0%; }

.mbp276 .cancel-button-wrapper { flex: 0 0 auto; }

.mbp276 button { color: rgb(255, 255, 255); width: auto; border: 1px solid rgb(32, 22, 72); padding: 6px 40px; font-size: 1em; min-width: 150px; box-shadow: none; box-sizing: border-box; font-family: "Area Variable", Lato, LatoMedium, sans-serif; font-weight: 700; border-radius: 20px; text-transform: none; background-color: rgb(32, 22, 72); -webkit-font-smoothing: antialiased; }

.mbp276 button:hover { color: rgb(255, 255, 255); border: 1px solid rgb(24, 83, 87); background-color: rgb(24, 83, 87); }

.mbp276 button[disabled] { color: rgb(204, 204, 204); border: 1px solid rgb(224, 224, 224); background-color: rgb(224, 224, 224); }

.mbp276 button.small { min-width: auto; padding: 2px 12px !important; font-size: 0.9em !important; }

.mbp276 button.secondary { color: rgb(32, 22, 72); border: 1px solid rgb(32, 22, 72); background-color: rgb(255, 255, 255); }

.mbp276 button.secondary:hover { color: rgb(255, 255, 255); border: 1px solid rgb(32, 22, 72); background-color: rgb(32, 22, 72); }

.mbp276 button.secondary[disabled] { color: rgb(204, 204, 204); border: 1px solid rgb(224, 224, 224); background-color: rgb(224, 224, 224); }

.mbp277 { max-width: max-content; box-shadow: rgba(47, 47, 47, 0.15) 2px 2px 4px; background-color: rgb(255, 255, 255); }

.mbp277 .shopping-for { color: rgb(0, 0, 0); }

.mbp277 button { color: rgb(255, 255, 255); margin-left: 16px; border-radius: inherit; background-color: rgb(0, 0, 0); }