/* Modal Styles */
@keyframes active-hover {
    0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
    40% { transform: translateX(10px); }
    60% { transform: translateX(5px); }
}
.bb-platform-offer-modal { display: none; /* Hidden by default */ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent black background */ }
.bb-platform-offer-modal .modal-content { background-color: #fefefe; margin: 15% auto; padding: 0; border: 1px solid #888; width: 80%; max-width: 600px; border-radius: 29px; position: relative; }
.bb-platform-offer-modal .close { position: absolute; top: 10px; right: 15px; font-size: 20px; cursor: pointer; border-radius: 100%; background: #fff; padding: 5px 5px 8px 5px; display: flex; justify-content: center; align-items: center; height: 20px; width: 20px; color: #4F4F4F; line-height: 20px; }
.bb-platform-offer-modal .close:hover, .bb-platform-offer-modal .close:focus { color: #aaa; text-decoration: none; cursor: pointer; }
.bb-platform-offer-modal #discount-btn a { color: white; }
.bb-platform-offer-modal .headers { border-radius: 29px 29px 0 0; background-color: #F6EFE9; background-image: url(../images/exit-popup/exit-popup-bg.png); background-repeat: no-repeat; background-size: cover; background-position: left top; padding: 40px 20px; }
.bb-platform-offer-modal .headers h2 { text-align: center; font-size: 24px; line-height: 1.2; color: #E86D2A; font-family: 'athleticsbold', sans-serif; margin-bottom: 0; }
.bb-platform-offer-modal .contents { padding: 40px 40px; }
.bb-platform-offer-modal .contents *, .bb-platform-offer-modal .footers * { text-align: center; }
.bb-platform-offer-modal .contents p { font-size: 18px; color: #131313; }
.bb-platform-offer-modal .contents p:last-child { margin-bottom: 0; }
.bb-platform-offer-modal .footers { border-radius: 0 0 29px 29px; padding: 0 20px 40px 20px; display: flex; justify-content: center; }
.bb-platform-offer-modal .footers a { background-color: #E86D2A; transition: all .4s; border-radius: 6px; padding: 17px 40px 17px 20px; letter-spacing: .05px; font-size: 17px; font-family: 'athleticsbold', sans-serif; line-height: 22px; color: #fff; border: none; position: relative; }
.bb-platform-offer-modal .footers a:after { content: ""; margin-left: 5px; vertical-align: middle; width: 14px; display: inline-block; background-image: url(https://developbb.com/wp-content/themes/buddyboss-website/images/icon-ArrowRight-orange.png); height: 8px; background-size: cover; transform: translate(0, 0); text-align: center; transition: all .4s; filter: grayscale(100%) brightness(100); position: absolute; right: 18px; top: 50%; margin-top: -3px; }
.bb-platform-offer-modal .footers a:hover { transition: all .4s; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.bb-platform-offer-modal .footers a:hover:after { animation: active-hover 1.5s; }