/* Класс для кнопки */
.custom-button {
    display: inline-block; /* Делаем кнопку блочным элементом с возможностью обтекания */
    background-color: #7237ec; /* Фиолетовый цвет фона */
    color: white; /* Белый цвет текста */
    padding: 10px 20px; /* Отступы для удобства */
    text-decoration: none; /* Убираем подчеркивание для ссылки */
    border-radius: 5px; /* Закругленные углы */
    transition: background-color 0.3s, transform 0.3s; /* Плавные переходы при изменении */
}

/* Эффект при наведении */
.custom-button:hover {
    background-color: #6a006a; /* Темнее фиолетового при наведении */
    transform: scale(1.05); /* Увеличение кнопки при наведении */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
    .custom-button {
        padding: 15px 30px; /* Увеличение отступов для мобильных экранов */
        font-size: 1.2em; /* Увеличение текста для мобильных устройств */
    }
}