JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" style="margin:20px;" />
<input type="button" style="margin:20px;" />

CSS

input:focus{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border:1px solid #5AB0DB;
}

input:hover {
    border: 1px solid #999;
    border-radius: 5px;
}

input:focus:hover{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border:1px solid #5AB0DB;
    border-radius:0;
    
}