.yith-wcbm-badge-8569{--badge-discount-text : 'Discount';--badge-up-to-text : 'Up to';--badge-primary-color : #000000;--badge-text-color : #FFFFFF;--badge-secondary-color : #000000;--badge-secondary-light-color : #000000;--badge-secondary-dark-color : #000000;--badge-tertiary-color : #000000;--badge-triadic-positive-color : hsl(90 , 0% , 0% );--badge-triadic-negative-color : hsl(-90 , 0% , 0% );--badge-analogous-positive-color : hsl(30 , 0% , 0% );--badge-analogous-negative-color : hsl(-30 , 0% , 0% );--badge-complementary-color : hsl(180 , 0% , 0% );} .yith-wcbm-badge.yith-wcbm-badge-advanced-1 { width: 91px; height: 60px; } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-badge-text-advanced { height: calc(100% - 6px); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-sale-percent { display: block; font-size: 28px; font-weight: 700; line-height: 0; top: 19px; right: 30px; } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-save { display: block; font-size: 10px; line-height: 0; bottom: 9px; white-space: nowrap; left: calc(50% + 5px); transform: translateX(-50%); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-symbol-percent { display: block; font-size: 12px; line-height: 12px; width: min-content; top: 8px; right: 15px; } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-symbol-off { display: block; font-size: 10px; line-height: 10px; width: min-content; text-transform: uppercase; top: 20px; right: 7px; } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-vertical .yith-wcbm-badge-text-advanced .yith-wcbm-sale-percent { right: 33px; top: 21px; transform: scale(1, -1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-vertical .yith-wcbm-badge-text-advanced .yith-wcbm-save { bottom: 8px; transform: translateX(-50%) scale(1, -1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-vertical .yith-wcbm-badge-text-advanced .yith-wcbm-symbol-off { right: 10px; top: 10px; transform: scale(1, -1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-vertical .yith-wcbm-badge-text-advanced .yith-wcbm-symbol-percent { right: 17px; top: 21px; transform: scale(1, -1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-horizontal .yith-wcbm-badge-text-advanced .yith-wcbm-sale-percent { left: 43px; right: auto; top: 19px; transform: scale(-1, 1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-horizontal .yith-wcbm-badge-text-advanced .yith-wcbm-save { left: calc(50% + 5px); transform: translateX(-50%) scale(-1, 1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-horizontal .yith-wcbm-badge-text-advanced .yith-wcbm-symbol-off { left: 20px; transform: scale(-1, 1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-horizontal .yith-wcbm-badge-text-advanced .yith-wcbm-symbol-percent { left: 28px; transform: scale(-1, 1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-both .yith-wcbm-badge-text-advanced .yith-wcbm-sale-percent { transform: scale(-1); top: 20px; left: 44px; right: auto; } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-both .yith-wcbm-badge-text-advanced .yith-wcbm-save { bottom: 8px; left: calc(50% + 5px); transform: translateX(-50%) scale(-1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-both .yith-wcbm-badge-text-advanced .yith-wcbm-symbol-off { left: 22px; top: 9px; transform: scale(-1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1.yith-wcbm-badge-advanced--flip-both .yith-wcbm-badge-text-advanced .yith-wcbm-symbol-percent { left: 30px; top: 19px; transform: scale(-1); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-badge-primary-color{ fill: var(--badge-primary-color, #74c115); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-badge-secondary-light-color{ fill: var(--badge-secondary-light-color, #5A980D); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-badge-tertiary-color{ fill: var(--badge-tertiary-color, #44720A); } .yith-wcbm-badge.yith-wcbm-badge-advanced-1 .yith-wcbm-badge-text-advanced { color: var(--badge-text-color, #ffffff); }