/* === DIVI ACF Option Page Shortcode: Icon === */

.mf-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 2.2em;
    height: 2.2em;

    border-radius: 0.18em;

    color: inherit;              /* สำคัญ */
    background: currentColor;

    text-decoration: none;
    box-sizing: border-box;
}

.mf-icon-box i {
    font-size: 1em;
    color: #ffffff;
    line-height: 1;
}

/* Fix odd baseline spacing when placed inline with text */
.mf-icon-box{
  vertical-align:middle;
}

a.mf-icon-box {
    color: inherit;
}