.floating-label-group {
    position: relative;
    margin-bottom: 1.5rem;
}
.floating-label-group input {
    height: 45px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    width: 100%;
}
.floating-label-group label {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 10px;
    transition: 0.2s ease all;
    color: #aaa;
    background: #fff;
    padding: 0 5px;
}
.floating-label-group input:focus ~ label,
.floating-label-group input:not(:placeholder-shown) ~ label {
    top: -10px;
    left: 8px;
    font-size: 12px;
    color: #333;
}