.gender-wrapper {
    text-align: center;
    box-sizing: border-box;
}

#gender-countdown {
    text-align: center;
    margin-bottom: 12px;
}

#gender-countdown span {
    font-weight: bold;
}

.gender-btn {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.gender-btn:hover { opacity: 0.85; }

.dark .gender-wrapper {
    background: #222;
    color: #eee;
}

.gender-wrapper h2 { margin-bottom: 10px; }

@media (max-width:480px){
    .gender-wrapper { padding:15px; margin:10px; }
    .gender-btn {
        font-size:14px;
        display:inline-block;
        text-decoration:none;
    }
}