.bg__time-input {
    display: inline-block;
    border: 1px solid $clGreyTint;
    border-radius: 5px;
    background: white;

    input[type='text'] {
        font-size: 0.8rem;
        width: 27px;
        display: inline-block;
        border: 0;
        border-bottom: 1px dotted $clGreyTint;
        text-align: center;
        padding: 5px;
        outline: none;
        min-width: 0;
        margin: 0;
        &:focus {
            border-left: 0;
            border-bottom: 1px dotted $clPrimary;
        }
    }
}