.bonus-popup-container{

	display: none;

	width: 100vw;

    height: 100dvh;

    position: fixed;

    background: rgba(0, 0, 0, 0.8);

    z-index: 999999999999999999999;

    top: 0;

    left: 0;

    text-align: center;

	pointer-events: none;

}

.bonus-popup {
    border: 3px solid yellow;
}

.bonus-popup-container .bonus-popup{

	margin: 0 auto;

	position: absolute;

	top: 50%;

	left: 50%;

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	display: inline-block;

	width: 300px;

	background: linear-gradient(to bottom, #212121, #000000); /* Gradient from #212121 to black */

	border-radius: 14px;

	padding:10px 16px 16px 16px;

	pointer-events: auto;

}



.bonus-popup-container .bonus-popup-logo{

	width:100%;

}



.bonus-popup-container .bonus-popup-close{

	position: absolute;

    top: -12px;

    right: -11px;

    width: 32px;

    height: 32px;

    background-color: #fff;

    border-radius: 50%;

    box-sizing: border-box;

    cursor: pointer;

}



.bonus-popup-container .bonus-popup-close svg{

	fill:#dc2828;

}



.bonus-popup-container .bonus-popup-close:hover{

	background-color: #000;

}



.bonus-popup-container .bonus-popup-close:hover svg{

	fill:#fff;

}



.bonus-popup-container .bonus-popup .bonus-popup-text{

    font: bold 26px Roboto;

    color:#f1c40f;

    margin: 4px 0 16px 0;

	line-height: 32px;

	backface-visibility: hidden;

	-webkit-font-smoothing: subpixel-antialiased;

	will-change: transform;  

}



.bonus-popup-container .bonus-popup .bonus-popup-button {
    display: block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #19ae31;
    font: 900 26px Roboto;
    color: #fff !important;
    display: flex; /* Using flexbox for icon and text alignment */
    align-items: center; /* Vertically align the icon and text */
    justify-content: center; /* Center text and icon */
    gap: 8px; /* Space between icon and text */
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
}

.bonus-popup-container .bonus-popup .bonus-popup-button svg {
    width: 20px;
    height: 20px;
    fill: white; /* Color of the icon */
}




.bonus-popup-container .bonus-popup .bonus-popup-button:hover {

	background: #a0a0a0;

	color: #ffffff !important;

	text-decoration: none !important;

}



.bonus-popup-container .bonus-popup .bonus-popup-terms{

    font: normal 12px Roboto;

    color: #ccc;

    line-height: 16px;

    margin-top: 6px;

	backface-visibility: hidden;

	-webkit-font-smoothing: subpixel-antialiased;

	will-change: transform;  

}

@keyframes bp-pulse-soft {

    0% {

        box-shadow: 0 0 0 rgba(255, 255, 255, 0);

        transform: translate(-50%,-50%) scale(1);

    }

    50% {

        box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);

        transform: translate(-50%,-50%) scale(1.03);

    }

    100% {

        box-shadow: 0 0 0 rgba(255, 255, 255, 0);

        transform: translate(-50%,-50%) scale(1);

    }

}



.bonus-popup {

    animation: bp-pulse-soft 1.0s ease-in-out infinite;

}



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

	.bonus-popup-container .bonus-popup{

		width: 260px;

	}

}