.yith-wcbm-badge-11264{--badge-discount-text : 'Discount';--badge-up-to-text : 'Up to';--badge-primary-color : #22a7c8;--badge-text-color : #FFFFFF;--badge-secondary-color : #146478;--badge-secondary-light-color : #17748c;--badge-secondary-dark-color : #115364;--badge-tertiary-color : #0d4250;--badge-triadic-positive-color : hsl(281 , 70% , 45% );--badge-triadic-negative-color : hsl(101 , 70% , 45% );--badge-analogous-positive-color : hsl(221 , 70% , 45% );--badge-analogous-negative-color : hsl(161 , 70% , 45% );--badge-complementary-color : hsl(371 , 70% , 45% );}
.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);
}
On Sale
Sale!
%
Off
30
Save CHF2,040
2040CHF
30%
2040
CHF
