.rating__star {
display: inline-block;
position: relative;
font-size: 16px;
}
.rating__star span {
color: #ee4d2d;
}
.rating__star span:last-child {
display: inline-block;
position: absolute;
left: 0;
overflow: hidden;
}
.rating__star span:last-child:before {
content: "\f005\f005\f005\f005\f005";
font-family: FontAwesome;
letter-spacing: 4.2px;
color: #ee4d2d;
overflow: hidden;
} .social-share__wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.social-share__wrapper .social-share__header {
margin-right: 5px;
}
.social-share__wrapper a {
display: flex;
padding-left: 5px;
padding-right: 5px;
color: #888;
}
.social-share__wrapper a:hover {
color: var(--theme-color);
} .pagination__wrapper .pagination {
justify-content: center;
}
.pagination__wrapper .pagination .page-numbers {
border-radius: 50%;
display: inline-block;
padding: 5px;
min-width: 30px;
max-height: 30px;
line-height: 20px;
text-align: center;
background-color: transparent;
color: #888;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.pagination__wrapper .pagination .page-numbers.current {
background-color: var(--theme-color);
border-color: var(--theme-color);
color: #fff;
}
.pagination__wrapper .pagination a.page-numbers:hover {
color: var(--theme-color);
}
.sale-ribbon{
position: absolute;
left: 10px;
top: 20px;
display: inline-block;
padding: 5px 20px;
color: #fff;
text-align: center;
white-space: nowrap;
border-radius: 4px 1px 1px 4px;
font-weight: 500;
background: linear-gradient(90deg, #B20003 0%, #D30002 3%, #EB0000 4%, #F90000 6%, #FF0100 8%, #FF0100 13%, #EE0001 17%, #D80004 24%, #D10005 28%, #D10005 44%, #F00100 100%);
z-index: 10;
}
.sale-ribbon:after {
content: "";
position: absolute;
top: 0;
right: -12.5px;
height: 100%;
border-style: solid;
border-width: 17px 0 17px 13px;
border-color: transparent transparent transparent #F00100;
transform: rotate(0deg);
border-radius: 1px;
}