.tap-button {
    display: flex; /* Aligns content */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    width: 180px; /* Set width for the button */
    height: 180px; /* Set height for the button */
    background-image: url('/newpj/dash/svg/review.png'); /* Set the coin image as background */
    background-size: cover; /* Cover the entire button */
    background-position: center; /* Center the image */
    color: #ffffff; /* Text color */
    border: none; /* Remove border */
    border-radius: 50%; /* Makes the button circular */
    cursor: pointer; /* Changes cursor to pointer */
    font-size: 14px; /* Font size */
    box-shadow: 0 0 20px #ff0000; /* Glowing effect */
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s; /* Smooth transitions */
    position: relative; /* Required for pseudo-elements */
    overflow: hidden; /* Hide overflow */
}

.tap-button::before {
    content: ""; /* Pseudo-element for overlay */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e2ce3838; /* Overlay color */
    border-radius: 50%; /* Round overlay */
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s; /* Smooth transition */
}

.tap-button:hover::before {
    opacity: 1; /* Show overlay on hover */
}

.tap-button:hover {
    box-shadow: 0 0 30px #E2CE38; /* Enhanced glowing on hover */
    transform: scale(1.05); /* Slightly enlarge on hover */
}

.tap-button:active {
    transform: scale(0.95); /* Slightly shrink on click */
    box-shadow: 0 0 10px #E2CE38; /* Reduce glowing on click */
}