.buttonWithPopup .detailModal{display:none;width:100vw;height:100vh;opacity:9000;position:fixed;top:0;left:0;bottom:0;background-color:rgba(0,0,0,0.4);right:0;z-index:5000;overflow:auto}
.buttonWithPopup .overlay-content{background:#fff;padding:1%;color:#000;top:30px;margin:0 0 0 -20%;cursor:default;z-index:10001;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,0.9);position:relative}
.buttonWithPopup .popup .material-icons{color:#000 !important;cursor:pointer}
.buttonWithPopup .popup{position:relative;margin:0;margin:auto;max-width:1440px;margin-bottom:100px;width:75%}
.buttonWithPopup .popup-content{height:auto;margin-bottom:10px}
.buttonWithPopup .overlay-bg{display:none;position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer;z-index:1000;background:#000;background:rgba(0,0,0,0.75)}
.buttonWithPopup .detailModal .close{margin-top:-2px;opacity:1;padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff}
.buttonWithPopup .detailModal .close span{display:inline-block;vertical-align:top;width:17px;height:18px;background:url(../../../../../content/dam/adr/web/icons/icon-cross-blue.svg) no-repeat}
.buttonWithPopup .detailModal .modal-header{border:0;padding:15px 0;position:relative;z-index:20;margin-bottom:20px}
.buttonWithPopup .style-cmp-button-teal{border:1px solid #00243d;color:#00243d;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;letter-spacing:1px;line-height:24px;margin-top:30px;padding:12px 15px;text-align:center;border-radius:24px;font-family:'akkurat-pro'}
.buttonWithPopup .btn-gold:hover{color:#333}
@media only screen and (min-width:1024px){.buttonWithPopup .popup{width:50%}
}