Product Variant Button Design Styling

[JustinasR]

Hi, im trying to add a new style to my variant buttons. Currently struggling to add the small inner circle within the button. Could anyone help me out with a code for this? Greatly appreciated!

Link: https://www.mansome.eu/collections/trimmers/products/the-lowrider

The button element is called: .option-value.option-value-rounded {

Here is what I want.

And here is what I currently have: 

[Mustafa_Ali]

.option-value.option-value-rounded.option-selected {
    border: 0px solid transparent !important;
    box-shadow: inset 0 0 0 0px var(--color_accent), inset 0 0 0 1px var(--color_border) !important;
}

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[JustinasR]

Thanks, however thats not what I asked for. I want to add the inner circle element.

[JustinasR]

@Mustafa_Ali Would you please be able to send updated code with the inside bullet point inner circle included? Would be much appreciated. Thanks

[CodingFifty]

Hi @JustinasR,

Yes, it can be done, but you will have to adjust the code.

[JustinasR]

Im aware of that.. Code is what im looking for..