/* Подключим шрифт Exo 2 для страниц Работа. Чтобы можно было его применять. */

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200; /* предположительно Regular */
    src: url('/wp-content/themes/flatsome/assets/fonts/Exo_2/Exo2-Medium.woff2') format('woff');
} 
	
	/**/ 
html body {
    font-family: 'Exo 2', sans-serif;
    font-weight: 200;
	font-size: 20px; 
}

.question {
	color: white;
	text-align: center;
	font-size: 30px; 
}

.job-button {
    background-color: #fff;
    color: black;
    padding: 10px 20px;
    border-radius: 12px;
    width: 100%;
    height: 50px;
    line-height: 30px;
    display: block; /* Для правильного выравнивания и размеров, если это необходимо */
    text-align: center; /* Центрирование текста внутри ссылки */
	display: inline-block; /* Сделать элемент строчно-блочным */
	transition: background-color 0.3s ease, color 0.3s ease; /* Плавное изменение фона и текста */
	cursor: pointer; /* Делает курсор в форме пальца при наведении */
}

.job-button:hover {
	background-color: #cccccc; /* Цвет фона кнопки при наведении */
}

.button-wrapper {
	margin: 0 auto;
	width: 500px; /* Размер контейнера для ширины кнопок */
}

/* Медиазапрос для мобильных устройств */
@media only screen and (max-width: 767px) {
    .button-wrapper {
        width: 100%; /* Ширина 100% экрана на мобильных устройствах */
        padding: 0 10px; /* Внутренние отступы для лучшего внешнего вида */
    }
}

img {
    pointer-events: none; /* Предотвращает клики по картинке. Шоб не качали */
}