.btn {

    
    /* Плавные переходы */
    transition: 
        transform 0.5s ease,
        box-shadow 0.5s ease,
        background-position 0.8s ease;
    
  
    /* Подготовка для анимации градиента */
    background-size: 100% 200%;
    background-position: top;
}

.btn:hover {
    /* Плавное поднятие без прыжка */
    transform: translateY(-2px);
    
    /* Усиление теней */
    box-shadow: 
        0 8px 16px rgba(222, 67, 19, 0.3),
        0 4px 8px rgba(254, 193, 99, 0.15);
    
    /* Анимация градиента - сдвиг вниз */
    background-position: bottom;
}

.btn:active {
    transform: translateY(1px);
    box-shadow: 
        0 2px 4px rgba(222, 67, 19, 0.25),
        0 1px 2px rgba(254, 193, 99, 0.1);
}


.woocommerce-message::before, .woocommerce-info::before{
    color: rgb(20 171 50) !important;
}