JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="timeBlock" />

CSS

input.timeBlock {
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 3.5em;
    border-radius: 10px;
    color: #444;
    border: 3px solid #ccc;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15) inset; 
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto;
    transition:border 1s;
}

input:focus {
    border: 3px solid #cc0000;
}