button {
    color: #090909 !important;
    padding: 0.6em 1em !important;
    font-size: 14px !important;
    border-radius: 0.5em !important;
    background: #e8e8e8 !important;
    border: 1px solid #e8e8e8 !important;
    transition: all .3s !important;
    box-shadow: 6px 6px 12px #c5c5c5,
        -6px -6px 12px #ffffffb3 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-bottom: 1px solid gray !important;
    -webkit-text-fill-color: gray !important;
    -webkit-box-shadow: 0 0 0px 1000px #00000000 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

button:hover {
    border: 1px solid white !important;
}

button:active {
    box-shadow: 4px 4px 12px #c5c5c5,
        -4px -4px 12px #ffffff !important;
}

::placeholder {
    color: gray !important;

}

.biton {
    box-shadow: 
    -8px -8px 16px rgba(255, 255, 255, 0.6),
    8px 8px 16px rgba(0, 0, 0, 0.08),
    inset -1px -1px 2px rgba(255, 255, 255, 0.4),
    inset 1px 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
    /* box-shadow: -17px -17px 20px 0px #f1efef, -2px -1px 0px 0px #d5d3d3, 20px 20px 20px 0px #b1b1b100, inset 17px 20px 20px 0px #c7c7c747, 9px 15px 20px 0px #00000040, inset -20px -19px 20px 20px #fbfbfbb0 !important; */
}

input:active {
    background-color: none !important;
}

.biton {
    border: 1px solid white !important;
    border: none !important;
    border-radius: 18px !important;
    background: #ffffff !important;

}

.biton:hover {
   box-shadow: 
    -12px -12px 20px 5px #ffffff,                     /* luz superior izquierda suave */
    12px 12px 20px 5px rgba(0, 0, 0, 0.05),            /* sombra inferior derecha suave */
    inset -6px -6px 10px rgba(255, 255, 255, 0.5),     /* luz interna sutil */
    inset 6px 6px 10px rgba(0, 0, 0, 0.06); 
    /* box-shadow: -11px -14px 20px 10px #fffbfb, -20px -20px 20px 5px #fafafa, 20px 20px 20px 0px #bfbfbf1c, inset 17px 20px 20px 0px #c7c7c73b, 20px 20px 20px 0px #00000003, inset -20px -19px 20px 0px #fbfbfb36 !important */
}

input {

    border: none !important;
    border-bottom: 1px solid cadetblue !important;
    background-color: transparent !important;
}