Spulenbox transparent (versch. Farben)

.yith-wcbm-badge-32822{--badge-discount-text : 'Discount';--badge-up-to-text : 'Up to';--badge-primary-color : #94c119;--badge-text-color : #ffffff;--badge-secondary-color : #58730f;--badge-secondary-light-color : #678711;--badge-secondary-dark-color : #4a600c;--badge-tertiary-color : #3b4d0a;--badge-triadic-positive-color : hsl(166 , 77% , 42% );--badge-triadic-negative-color : hsl(-14 , 77% , 42% );--badge-analogous-positive-color : hsl(106 , 77% , 42% );--badge-analogous-negative-color : hsl(46 , 77% , 42% );--badge-complementary-color : hsl(256 , 77% , 42% );} .yith-wcbm-badge.yith-wcbm-badge-css-11 { flex-direction: row; } .yith-wcbm-badge.yith-wcbm-badge-css-11 .yith-wcbm-badge__wrap { padding: 15px 15px; position: relative; } .yith-wcbm-badge.yith-wcbm-badge-css-11 div.yith-wcbm-css-s1 { position: absolute; top: 50%; left: 50%; width: 100%; padding-top: 100%; z-index: -1; transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--badge-primary-color, #37afba); } .yith-wcbm-badge.yith-wcbm-badge-css-11 div.yith-wcbm-css-s1:before { content: ''; position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 2px dotted white; } .yith-wcbm-badge.yith-wcbm-badge-css-11 div.yith-wcbm-css-text { color: var(--badge-text-color, #ffffff); }