.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


    .flex.di a {
        font-style: normal;
        display: flex;
        font-size: 11px;
        font-weight: bold;
        border-radius: 8px;
        border: 1px solid #FFFFFF;
        cursor: pointer;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        padding: 5px;
        transition: background-color;
        transition-duration: 0.5s;
    }

        .flex.di a:hover, .flex.di a:focus, a.hb:hover {
            /*border: 1px solid CadetBlue;*/
            /*background-image: linear-gradient(#F9FDFF 0%, #EAF7FF 100%);*/
            background-color: #EAF7FF;
        }

    .flex.di .ix48 {
        height: 64px;
        width: 64px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .flex.di em {
        font-style: normal;
        font-size: 17px;
        display: block;
        font-weight: bold;
        width: 86px;
        text-align: center;
        min-height: 48px;
    }