.info-note {
    display: flex;
    align-items: center;
    gap: .75em;
    padding: 1em;
    border: 1px solid #d6dde3;
    border-left: .25em solid #6c757d;
    background-color: #f8f9fa;
    color: #495057;
}

.info-note > .bi {
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-note > .bi::before {
    display: block;
}