div.input-block {
    position: relative;
}

    div.input-block input {        
        padding: 15px 15px;
        border-radius: 0.25rem;        
        border-top: none;
        border-left: none;
        border-right: none;
        outline: none;
    }

    div.input-block span.placeholder {
        position: absolute;
        margin: 10px 0;
        padding: 0 4px;        
        color: #6c757d;
        display: flex;
        align-items: center;
        font-size: 20px;
        top: 0;
        left: 17px;
        transition: all 0.2s;
        transform-origin: 0% 0%;
        background: none;
        pointer-events: none;
        border-radius: 5px;         
    }

    div.input-block input:valid + span.placeholder,
    div.input-block input:focus + span.placeholder {
        transform: scale(0.8) translateY(-30px);
        background: #fff;
        border-bottom: 1px solid #961515;
    }

    div.input-block input:focus {
        color: #284B63;
        border-color: #1266f1;
        border-bottom: 2px solid #961515;
    }

        div.input-block input:focus + span.placeholder {
            color: #284B63;
        }