/*Ссылки стандартного цвета*/
a.standard-link {
  color: blue !important;
  text-decoration: underline !important;
}

a.standard-link:visited {
  color: purple !important;
}

a.standard-link:hover {
  color: blue !important;
  text-decoration: underline !important;
}

a.standard-link:active {
  color: red !important;
}
/*Ссылки стандартного цвета*/



        /* Стилізація сторінки, щоб кнопка була по центру (не обов'язково) */
       

        /* ОСНОВНИЙ СТИЛЬ КНОПКИ */
        .btn-sorochka {
            /* Перетворення посилання на вигляд кнопки */
            display: inline-block;
            padding: 12px 30px; /* Охайні відступи */
            
            /* Професійний синій градієнт (зверху вниз) */
            background: linear-gradient(180deg, #4dabf7 0%, #1971c2 100%);
            
            /* Текст */
            color: white !important; /* Білий колір */
            text-decoration: none; /* Прибрати підкреслення */
            font-size: 16px;
            font-weight: 600; /* Трохи жирніший */
            text-align: center;
            
            /* Рамки та закруглення */
            border-radius: 50px; /* Закруглені краї */
            border: none; /* Без грубої рамки */
            
            /* Ефект тіні для об'єму */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            
            /* Плавність анімації */
            transition: all 0.3s ease;
            
            /* Щоб курсор змінювався на руку */
            cursor: pointer;
        }

        /* ЕФЕКТ ПРИ НАВЕДЕННІ (Hover) */
        .btn-sorochka:hover {
            /* Зміна градієнта (робимо трохи темнішим) */
            background: linear-gradient(180deg, #1971c2 0%, #1864ab 100%);
            
            /* Збільшення тіні та легкий підйом кнопки */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }

        /* ЕФЕКТ ПРИ КЛІКУ (Active) */
        .btn-sorochka:active {
            /* Повертаємо кнопку назад */
            transform: translateY(1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }