.yith-wcbm-badge-231287{--badge-discount-text : 'Discount';--badge-up-to-text : 'Up to';--badge-primary-color : #2d838f;--badge-text-color : #ffffff;--badge-secondary-color : #1b4e55;--badge-secondary-light-color : #1f5b64;--badge-secondary-dark-color : #164147;--badge-tertiary-color : #123439;--badge-triadic-positive-color : hsl(277 , 52% , 36% );--badge-triadic-negative-color : hsl(97 , 52% , 36% );--badge-analogous-positive-color : hsl(217 , 52% , 36% );--badge-analogous-negative-color : hsl(157 , 52% , 36% );--badge-complementary-color : hsl(367 , 52% , 36% );} .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); }