/* ===== Auto Popup Modal Styles ===== */
.autoPopup-overlay {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    z-index: 2000;

	.autoPopup-box {
	    position: relative;
	    max-height: calc(95% - 40px);
	    margin: 0 auto;
	    padding: 0;
	    box-sizing: border-box;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 100%;
	    max-width: max-content;

		.autoPopup-close {
            position: absolute;
            top: 125px;
            right: 25px;
            font-size: 52px;
            font-weight: 800;
            cursor: pointer;
            height: 32px;
            width: 22px;
            line-height: 1;
            display: grid;
            justify-content: center;
            align-content: center;
            border: none;
            overflow: hidden;
            color: #fff;
            font-family: "Bubblegum Sans", cursive;

            &:hover {
            	color: #f7dd28;
            }
		}

		img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}

		.btn {
			font-size: 19px;
			font-weight: 400;
			padding: 18px 10px;
			display: block;
			width: 100%;
			max-width: max-content;
			border-radius: 0;
			position: absolute;
			bottom: 15px;
			left: 50%;
			transform: translateX(-50%);
		}
	}
}

@media screen and (max-width: 645px) {

	.autoPopup-overlay {

		.autoPopup-box {

			.autoPopup-close {
	            top: 100px;
			}

			.btn {
				padding: 12px 10px;
			}
		}
	}
}