/* Подключаем шрифт */
@font-face {
    font-family: 'SmoothRelief';
    src: url('../assets/fonts/SmoothRelief-Regular.woff2') format('woff2'),
         url('../assets/fonts/SmoothRelief-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Используем swap для улучшения загрузки */
  }

/* Контейнер для текста */
#earnsol-text-container {
    display: flex; /* Flexbox для горизонтального расположения элементов */
    align-items: center; /* Вертикальное центрирование содержимого */
    justify-content: center; /* Горизонтальное центрирование содержимого */
    position: absolute; /* Абсолютное позиционирование */
    bottom: calc(var(--adjusted-claim-position) + 15px); /* Отодвигаем текст на заданное значение выше кнопки farm_button */
    left: -50px; /* Смещение влево для точного позиционирования */
    width: calc(100% + 240px); /* Ширина контейнера, подгоняемая под экран */
    transform: translateX(-50%); /* Центрирование контейнера по горизонтали */
    z-index: 10; /* Размещаем контейнер выше других элементов */
}

/* Основной текст "You earn 23 SOL" */
.earnsol-text {
    font-size: 25px; /* Размер текста */
    color: #01a237; /* Зелёный цвет текста */
    font-family: 'SmoothRelief', sans-serif; /* Подключённый шрифт */
    margin: 0; /* Убираем внешние отступы */
    padding: 0; /* Убираем внутренние отступы */
    text-align: center; /* Центрируем текст по горизонтали */
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); /* Добавляем тень под текстом:
       - 0px: Смещение тени по горизонтали.
       - 2px: Смещение тени вниз.
       - 4px: Радиус размытия тени.
       - rgba(0, 0, 0, 0.5): Цвет тени с прозрачностью 50%.
    */
}