/* Стилі для вирівнювання кнопок у PVP режимі */

.pvp-options {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    margin-top: 20px;
}

.pvp-option {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    padding-bottom: 70px; /* Місце для кнопки внизу */
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    border: 1px solid #00ff00;
    padding: 20px;
    padding-bottom: 90px; /* Збільшуємо відступ для кнопки */
}

.pvp-btn {
    position: absolute;
    bottom: 20px; /* Відступ від низу */
    left: 20px;
    right: 20px;
    margin-top: 20px;
    height: 50px; /* Фіксована висота кнопок */
    display: flex;
    align-items: center;
    justify-content: center;
}

.option-title {
    margin-top: 0;
    color: #00ff00;
    font-size: 24px;
    text-align: center;
}

.option-description {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.time-selection-section {
    margin-bottom: 30px;
}

/* Адаптивність для мобільних пристроїв */
@media (max-width: 768px) {
    .pvp-options {
        flex-direction: column;
    }
    
    .pvp-option {
        margin-bottom: 20px;
    }
    
    .pvp-btn {
        height: 45px; /* Трохи менша висота на мобільних */
    }
}