.yith-wcbm-badge-1011282{--badge-discount-text : 'Discount';--badge-up-to-text : 'Up to';--badge-primary-color : #3e7941;--badge-text-color : #ffffff;--badge-secondary-color : #254827;--badge-secondary-light-color : #2b542d;--badge-secondary-dark-color : #1f3c20;--badge-tertiary-color : #18301a;--badge-triadic-positive-color : hsl(213 , 32% , 35% );--badge-triadic-negative-color : hsl(33 , 32% , 35% );--badge-analogous-positive-color : hsl(153 , 32% , 35% );--badge-analogous-negative-color : hsl(93 , 32% , 35% );--badge-complementary-color : hsl(303 , 32% , 35% );} .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); }