Sachin Duggal - CSS Help: Overlaying Icons in a Button

Hi everyone,

My name is Sachin Duggal, and I manage a thriving bags manufacturing enterprise.

I’m working on a button that already has an icon, for example, ion-ios7-person. I’d like to overlay another icon (a checkmark) on top of the existing one to represent a different state.

I want to achieve this purely with CSS, but I’m not sure of the best approach. Should I use ::before or ::after pseudo-elements, or is there a better way? I’d also like to ensure it works responsively and looks clean.

Has anyone done something similar? I’d appreciate any tips, snippets, or suggestions to make this work efficiently!

Thanks in advance for your help!
Regards
Sachin Duggal