.floating-label-group {
    position: relative;
    margin-top: 15px;
    margin-bottom: 25px;
}
    .floating-label-group .floating-label {
        color: #cccccc;
        position: absolute;
        pointer-events: none;
        top: 0.85rem;
        left: 15px;
        transition: all 0.1s ease;
        /*background-color: transparent;*/
    }

input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
    top: -9px;
    bottom: 0px;
    left: 13px;
    font-size: 13px;
    opacity: 1;
    color: #404040;
    background-color: white;
    height: fit-content;
    font-weight: bold;
    padding: 0px 3px 0px 2px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

    input:-webkit-autofill ~ .floating-label,
    input:-webkit-autofill:hover ~ .floating-label,
    input:-webkit-autofill:focus ~ .floating-label,
    input:-webkit-autofill:active ~ .floating-label {
        top: -9px;
        bottom: 0px;
        left: 13px;
        font-size: 13px;
        opacity: 1;
        color: #404040;
        font-family: inherit;
        height: fit-content;
        font-weight: bold;
        padding: 0px 3px 0px 2px;
    }