.flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.2em;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    color: transparent;
}

.flag-bg::before {
    border-radius: inherit;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
}

.flag.flag-lt,
.flag-bg-lt::before { background-image: url('flags/lt.svg'); }
.flag.flag-lv,
.flag-bg-lv::before { background-image: url('flags/lv.svg'); }
.flag.flag-ee,
.flag-bg-ee::before { background-image: url('flags/ee.svg'); }
.flag.flag-pl,
.flag-bg-pl::before { background-image: url('flags/pl.svg'); }
.flag.flag-de,
.flag-bg-de::before { background-image: url('flags/de.svg'); }
.flag.flag-fr,
.flag-bg-fr::before { background-image: url('flags/fr.svg'); }
.flag.flag-it,
.flag-bg-it::before { background-image: url('flags/it.svg'); }
.flag.flag-es,
.flag-bg-es::before { background-image: url('flags/es.svg'); }
.flag.flag-nl,
.flag-bg-nl::before { background-image: url('flags/nl.svg'); }
.flag.flag-be,
.flag-bg-be::before { background-image: url('flags/be.svg'); }
.flag.flag-se,
.flag-bg-se::before { background-image: url('flags/se.svg'); }
.flag.flag-fi,
.flag-bg-fi::before { background-image: url('flags/fi.svg'); }
.flag.flag-no,
.flag-bg-no::before { background-image: url('flags/no.svg'); }
.flag.flag-dk,
.flag-bg-dk::before { background-image: url('flags/dk.svg'); }
.flag.flag-cz,
.flag-bg-cz::before { background-image: url('flags/cz.svg'); }
.flag.flag-sk,
.flag-bg-sk::before { background-image: url('flags/sk.svg'); }
.flag.flag-hu,
.flag-bg-hu::before { background-image: url('flags/hu.svg'); }
.flag.flag-at,
.flag-bg-at::before { background-image: url('flags/at.svg'); }
.flag.flag-ch,
.flag-bg-ch::before { background-image: url('flags/ch.svg'); }
.flag.flag-gb,
.flag-bg-gb::before { background-image: url('flags/gb.svg'); }
.flag.flag-ua,
.flag-bg-ua::before { background-image: url('flags/ua.svg'); }
.flag.flag-by,
.flag-bg-by::before { background-image: url('flags/by.svg'); }
.flag.flag-ru,
.flag-bg-ru::before { background-image: url('flags/ru.svg'); }