.yith-wcbm-badge-1726{--badge-discount-text : 'Discount';--badge-up-to-text : 'Up to';--badge-primary-color : #ff4c4c;--badge-text-color : #ffffff;--badge-secondary-color : #992d2d;--badge-secondary-light-color : #b23535;--badge-secondary-dark-color : #7f2626;--badge-tertiary-color : #661e1e;--badge-triadic-positive-color : hsl(90 , 100% , 64% );--badge-triadic-negative-color : hsl(-90 , 100% , 64% );--badge-analogous-positive-color : hsl(30 , 100% , 64% );--badge-analogous-negative-color : hsl(-30 , 100% , 64% );--badge-complementary-color : hsl(180 , 100% , 64% );}
.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 $23
23$
30%
23
$
