/* page 500 */
.btn-500 {
    width: clamp(1px, 13.896vw, 380px);
    height: clamp(1px, 2.865vw, 110px);
    border: clamp(1px, 0.2vw, 6px) solid #076ABD;
    border-radius: 100px;
    background-color: transparent;
    padding-bottom: 1px;
}

.btn-500:hover{
    border: clamp(1px, 0.2vw, 6px) solid #076abd !important;
    background-color: #076abd !important;
    color: white !important;
}

.btn-500:hover a {
    color: #FFFFFF !important;
}

@keyframes wheelSpin {
    0% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-360deg); 
    }
    50% {
        transform: rotate(-360deg); 
    }
    90% {
        transform: rotate(360deg); 
    }
    100% {
        transform: rotate(360deg); 
    }
}

.logo-500 img {
    animation: wheelSpin 10s infinite ease-in-out;
    transform-origin: center center;
}


.btn-500:hover .restart-white {
    display: block !important;
}

.btn-500:hover .restart-blue {
    display: none !important;
}

.restart-blue,
.restart-white {
    width: clamp(1px, 1.771vw, 68px) !important;
    height: clamp(1px, 1.563vw, 60px) !important;
}

@media (max-width: 767px) {
    .btn-500 {
        width: clamp(1px, 75.814vw, 300px);
        height: 48px;
        border: clamp(1px, 0.6vw, 3px) solid #076ABD;
    }
	
	.bg-500{
        width: 100%;
        height: 100vh !important;
    }
	
	.restart-blue,
    .restart-white {
        width: clamp(1px, 6vw, 68px) !important;
        height: clamp(1px, 6vw, 68px) !important;
    }
}