/* отправить */
 button[type="submit"].submit {
    flex-grow: 1;
    width: 100%; /* Добавлено свойство max-width */
    position: relative;
    display: inline-block;
    padding: 8px 32px;
    font-size: 16px;
    background-color: var(--brightly-blue);
    border: none;
    border-radius: 6px;
    font-family: "GOST UI 2";
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.1s;
    white-space: nowrap; /* Чтобы текст не переносился */
    color: #f6f8fcfd;
}

button[type="submit"].submit span {
    display: inline-block;
    position: relative;
    transition: transform 0.1s ease-in-out;
   color: #f6f8fcfd;
  }

button[type="submit"].submit::after {
    content: "\f1d8";
    font-family: 'FontAwesome';
    justify-content: center;
    padding: 10px;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    color: #f6f8fcfd;
    transition: opacity 0.1s ease-in-out, right 0.1s ease-in-out;
}


/* Поиск search */
button[type="submit"].search-btn {
  display: inline-block;
  cursor: pointer;
  background-color: var(--brightly-blue);
  border: none;
  color: #D1D9EA;
  border-radius: 0.4rem;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.input-search.show + .search-btn {
  background-color: #000000;
}


.search-btn::before {
  content: "\f002"; /* Unicode лупы */
  display: inline-block;
}

/* Когда инпут активен - меняем на самолёт */
.input-search.show ~ .search-btn::before {
  content: "\e521"; /* Unicode самолёта */
}
/* Поиск search end */ 

/* кнопка телефона */
  .phone-btn {
    position: relative;
    overflow: hidden;
            padding: 10px 10px;
            box-shadow: 0 4px 12px rgba(72, 104, 178, 0.15), 0 2px 4px rgba(106, 111, 117, 0.12);
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            display: inline-block;
            width: 100%;
            text-align: center;
            font-family: "GOST UI 2";
            color: var(--light-blue);
            background: var(--while)
        }


        .phone-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 30px;
    height: 30px;
    
    border-radius: 50%;
    transform: translate(30%, -30%);
}
       
/* кнопка телефона */

/* Стилизация для состояния hover */


      @media (hover: hover) {
        button[type="submit"].submit:hover span {
            transform: translateX(0px);
        }
  
  button[type="submit"].submit:hover::after{
            opacity: 1;
            right: 0px;
        }
  button[type="submit"]:hover {
    
            background-color: var(--hever-black);
        }

       .phone-btn:hover {
              background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
             
            
        }
      
      }
      
      @media (hover: none) {
        button[type="submit"].submit:active span {
            transform: translateX(0px);
        }
  
  button[type="submit"].submit:active::after{
            opacity: 1;
            right: 0px;
        }
  button[type="submit"]:active {
    
            background-color: var(--hever-black);
        }

        .phone-btn:active {
               background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
        }
         
      }