.ic {
    display: inline-block;
    vertical-align: middle;
    
    background-color: var(--txt); 
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;

    transition: background-color 0.3s ease;
}

.ic-mobile       { -webkit-mask-image: url('./icon/mobile.svg'); mask-image: url('./icon/mobile.svg'); }
.ic-pc   { -webkit-mask-image: url('./icon/pc.svg'); mask-image: url('./icon/pc.svg'); }
.ic-tab       { -webkit-mask-image: url('./icon/tab.svg'); mask-image: url('./icon/tab.svg'); }