i.custom-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

i.custom-boot {
    transform: translateX(-0.125em) scale(1.5);
    -webkit-mask-image: url('/assets/images/wedding/icons/boot-icon.svg');
            mask-image: url('/assets/images/wedding/icons/boot-icon.svg');
    
}

i.custom-ring {
    transform: translateX(-0.125em) scale(1.5);
    -webkit-mask-image: url('/assets/images/wedding/icons/wedding-rings.svg');
            mask-image: url('/assets/images/wedding/icons/wedding-rings.svg');
}

i.custom-prayer {
    transform: translateX(-0.125em);
    -webkit-mask-image: url('/assets/images/wedding/icons/prayer-icon.svg');
            mask-image: url('/assets/images/wedding/icons/prayer-icon.svg');
}

i.custom-car {
    transform: translateX(0.125em);
    -webkit-mask-image: url('/assets/images/wedding/icons/car-icon.svg');
            mask-image: url('/assets/images/wedding/icons/car-icon.svg');
}

i.custom-dancing {
    transform: translateX(0.125em) scale(1.5);
    -webkit-mask-image: url('/assets/images/wedding/icons/dancing-icon.svg');
            mask-image: url('/assets/images/wedding/icons/dancing-icon.svg');
}

i.custom-walmart {
    -webkit-mask-image: url('/assets/images/wedding/icons/walmart-icon.svg');
            mask-image: url('/assets/images/wedding/icons/walmart-icon.svg');
}

i.custom-lone-star {
    -webkit-mask-image: url('/assets/images/wedding/icons/lone-star-icon.svg');
            mask-image: url('/assets/images/wedding/icons/lone-star-icon.svg');
}