.popup-wrap {position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 9999;background: rgba(0,0,0,0.6);}
.popup-wrap h2 {font:bold 69px/1 Oswald,Arial,Helvetica,sans-serif; color:#900000; border-bottom:2px solid #000;padding: 0 0 8px;margin: 10px 0 0;}
.popup-wrap h5 {font:bold 31px/1 Oswald,Arial,Helvetica,sans-serif;margin: 7px 0 40px;}
.popup-wrap figure {position: absolute; bottom: calc(100% - 115px); left: 54%; transform: translate(-50%, 0); width: 444px; max-width: 100%; margin:0;}
.popup-wrap .popup-box {width: 500px;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #fff;box-shadow: inset 0 0 0px 2px #CECECE;border: 5px solid #fff;padding: 50px 25px;text-align: center;}
.popup-wrap .button {font-size:27px; text-transform:uppercase; line-height:1; font-weight:bold; padding:10px 20px;background:#900000;border:0; width:100%; margin:0 0 5px}
.popup-wrap .note {font-size:20px;font-weight:500;color:#000;text-transform:uppercase}
.popup-wrap .close {font-size: 20px;color: #fff;display: block;width: 40px;height: 40px;background: #900000;position: absolute;right: 10px;top: 10px;text-align: center;line-height: 40px;font-weight: 500;cursor: pointer;} 
.popup-wrap .popup-box .close {right:-55px; top: -55px;}

a.button-cc-dark, .previewCartCheckout a.button-cc-dark {background-color: #000 !important; border: 0; line-height: 1.5;}
.previewCartCheckout a.button-cc-dark {line-height: 1.3;}
a.button-cc-dark:hover, .previewCartCheckout a.button-cc-dark:hover {background-color:#333 !important;}
a.button-affirm-dark {background-color: #000 !important; text-align:center; color: #fff;line-height: 42px;text-decoration: none;font-weight: 600;letter-spacing: 1px;font-size: 13px;}
a.button-affirm-dark:before {content:"Check out with ";}
a.button-affirm-dark:after {content:"";background: url(https://cdn-assets.affirm.com/images/white_logo-solid_bg.svg) no-repeat left top/ 43px;width: 43px;display: inline-block;height: 27px;vertical-align: middle;}
a.button-affirm-dark:hover {background-color:#333 !important;}
a.button-affirm-dark img {display:none !important}

@media(max-width:510px) {
    .popup-wrap figure {width: 300px;bottom: calc(100% - 80px);}
    .popup-wrap h2 {font-size:48px}
    .popup-wrap h5 {font-size:22px;}
    .popup-wrap .popup-box {width: 360px; max-width:100%; padding:75px 20px 10px}
    .popup-wrap .popup-box .close {right: -5px;}
}