.floating-label {
    position: relative;
    margin-bottom: 10px;
}

.floating-label label {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    opacity: 0;
    transition: all .3s ease;
}

.floating-label input {
padding: 20px 0px 20px 10px;
}

.floating-label input:not(:placeholder-shown) {
    padding: 28px 0px 12px 10px;
}

.floating-label input:not(:placeholder-shown) + label {
    transform: translateY(-12px);
    opacity: 0.7;
}