How can I adjust SVG and box-shadow configurations on my website?

Store Design
, ,
1

Okay so several questions here:

viggostarcke_27-1699631808194.png
viggostarcke_27-1699631808194.png493×804 82 KB

  1. RED MARK: Is there any way I can thin the lines of this ‘X’ symbol? Either by configuring CSS or replacing the SVG?
  2. BLUE MARK: After having configuered the box-shadow I have this problem when viewing the webshop on my phone where some of the sides on the boxes cut out. It seems to be inconsistent which and impossible to recreate on my desktop. Does anyone have an idea of what went wrong? below is a SC of an inspect on one of such box-shadows after I changed it to a value of 0.02em.

viggostarcke_28-1699631867264.png
viggostarcke_28-1699631867264.png647×179 10.9 KB

  1. GREEN MARK: Is there any way I can thin the lines on the ‘+’ and ‘-’ symbols on my cart? Perhaps by CSS configurations I cannot locate myself

https://kyototango.com
(I am using a customized version of Spotlight 11)

Thanks in advance