/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.eeg_coupon_code_main{position: fixed;right: 4%;top: 20vh;z-index: 9999;height: 250px;}
.eeg_coupon_container{position: relative;height: 250px;}
.eeg_coupon_container img{max-width: 250px;max-height: 250px;}
.eeg_coupon_code{position: absolute;bottom: 18px;left: 0px;text-align: center;font-weight: 800;color: black;transform: scale(1, 1.4);font-size: 22px;width: 100%;}
.eeg_coupon_timer{position: relative;top: -106px;left: 209px;font-size: 12px;font-weight: 800; color: black;display: none;}
.eeg_toastbox{width: 280px;padding: 10px;background-color: rgba(0, 0, 0, .7);color: white;text-align: center;border-radius: 4px;position: fixed;top: 105%;-webkit-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.eeg_toastbox.toast-tox--active{-webkit-transform: translateY(-150px);transform: translateY(-150px);}
.eeg_coupon_close{text-align: right;font-weight: 600;cursor: pointer;}