/* Import base styles */
@import url('../style.css');

/* Override coin colors for Yes/No */
.heads {
    background: radial-gradient(circle at 30% 30%, 
        #4CAF50 0%,
        #45a049 30%,
        #387d3c 70%
    );
    color: white;
    text-shadow: 
        0 0 5px #000000,
        0 0 10px #4CAF50;
}

.tails {
    background: radial-gradient(circle at 30% 30%, 
        #f44336 0%,
        #e53935 40%,
        #c62828 80%
    );
    color: white;
    text-shadow: 
        0 0 5px #000000,
        0 0 10px #f44336;
}

/* Update button styling */
button {
    background: linear-gradient(145deg, #4CAF50, #388E3C); /* Change to green */
}

button:hover {
    background: linear-gradient(145deg, #45a049, #357a38);
}

.button-container {
    margin-left: -150px; /* Increased from -100px to move further left */
}

/* Update heading colors */
.seo-content h2 {
    color: #2196F3;
}

.seo-content h3 {
    color: #42A5F5;
}