.button-container {
    display: inline-block; /* Center the box */
    border: 2px solid #b26bff; /* Border around the box */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Padding inside the box */
    margin-top: 20px; /* Space above the box */
}

.earn-button {
    padding: 15px 30px; /* Increased padding for buttons */
    border:2px solid #000; /* Border around the box */
    border-radius: 5px; /* Rounded corners */
    font-size: 22px;
    cursor: pointer;
    transition: transform 0.2s; /* Smooth transition */
    width: 100%; /* Full width buttons */
}

.earn-button:hover {
    transform: scale(1.05); /* Slightly enlarge on hover */
    opacity: 0.9; /* Optional: slightly fade on hover */
}
