input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 99999999s ease-in-out 0s;
  color: #ffffff !important; 
  -webkit-text-fill-color: #ffffff !important; 
}

input:focus, textarea:focus, select:focus {
    outline: none !important; 
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
    border-color: white !important;
}

.button-dark {
  position: relative;
  cursor: pointer;
}


.button-arrow-icon {
  transition: none;
}
.button-dark:hover .button-arrow-icon {
  animation: bounce-move 0.5s cubic-bezier(.65,-1.2,.6,1.6) forwards;
}
.button-dark:not(:hover) .button-arrow-icon {
  animation: bounce-back 0.2s cubic-bezier(.7,0,.3,1) forwards;
}

@keyframes bounce-move {
  0%   { transform: translateX(0); }
  55%  { transform: translateX(16px);}
  70%  { transform: translateX(8px);}
  85%  { transform: translateX(13px);}
  95%  { transform: translateX(10px);}
  100% { transform: translateX(10px);}
}
@keyframes bounce-back {
  from { transform: translateX(10px);}
  to   { transform: translateX(0);}
}


.button-eye-icon {
  transition: transform 0.3s;
}
.button-dark:hover .button-eye-icon {
  transform: scale(1.3) translateX(5px);
}


.close-special-menu .close-icon {
background: red !important;
height: 6px !important;
}