.product-random-widget{
  padding: 5px;
  border:1px solid #e5e5e5;
  background-color: #F3F3F3;
  padding-bottom: 10px;
}
.product-random-widget .widget-title > h3{
  font-size: 16px;
  text-align: center;
  padding: 5px;
  margin: 0;
  font-weight: 600;
}

.product-random-widget .product-card{
   background-color: #fff;
  border-radius: 4px;
  margin-top: 10px;
  display: block;
   padding-bottom: 20px;
}
.product-random-widget .product-card .image{
  position: relative;
  padding-top: 10px;
}
.product-random-widget .product-card .image .tag-discount {
  display: flex;
  background: linear-gradient(to right, #faab08, #d42611);
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 12px;
  position: absolute;
  left: 10px;
  bottom: 5px;
  gap: 5px;
}
.product-random-widget .product-card .group {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 0px 10px 2px 10px;
  margin-top: -20px;
}

.product-random-widget .product-card .name{

   font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 20px
}

.product-random-widget .product-card .name a{
  color: #444;
}

.product-random-widget .product-card .price{
   font-size: 15px;
    font-weight: 600;
    color: #ff2f2f;
    line-height: 20px;
}
.product-random-widget .product-card .price .price-old {
  text-decoration: line-through;
  color: #aaa;
  font-weight: 500;
  font-size: 13px;
  padding-left: 5px;
}
.product-random-widget .product-card .rating{
  text-align: center;
    padding-bottom: 10px;
}
.product-random-widget .product-card .rating .fa-stack {
  font-size: 8px;
}
.product-random-widget .product-card .rating .fa-star-o,
.product-random-widget .product-card .rating .fa-star
{
  font-size: 12px;
}
.product-random-widget .product-card .rating .fa-star + .fa-star-o {
  color: #FC0 !important;
}

.product-random-widget .product-card .action{
  text-align: center;
}
.product-random-widget .product-card .action .btn-addcart {
  position:relative;
  bottom:-2px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  width:32px;
  height:32px;
  padding:0;
  border-radius:500px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent;
}

.product-random-widget .product-card .action .btn-addcart i{
  font-size: 18px;
}

.product-random-widget .product-card .action .btn-addcart:focus,
.product-random-widget .product-card .action .btn-addcart:hover {
  background-color:#0f7ae5;
  color:bisque;
}

.product-random-widget .product-card .action .btn-wishlist, 
.product-random-widget .product-card .action .btn-compare {
  background: transparent;
  border: 0;
  width: 30px;
  color: #a4a4a4;
}

.product-random-widget .product-card .action .btn-wishlist i,
.product-random-widget .product-card .action .btn-compare i{
  font-size: 16px;
  color: #a19bae;
}

.product-random-widget .product-card .action .btn-wishlist i:hover,
.product-random-widget .product-card .action .btn-compare i:hover{
  color:bisque;
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
 
}

.product-random-widget-grid{
  border: 1px solid #eee;
  border-radius: 3px;
  background: #fff;
}

.product-random-widget-grid > .widget-title > h3{
 
  font-size: 16px;
  padding: 10px;
  margin: 0;
  color: #273f5b;
  background: #fff;
  position: relative;
  font-weight: 600;

}
.product-random-widget-grid > .widget-title > h3::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  background: linear-gradient(-180deg,#f53d2d,#f63);
  bottom: 0;
}

.product-random-widget-grid > .widget-content {
  padding: 10px;
}
.product-random-widget-grid .product-card {
  position: relative;
  padding-bottom: 20px;
  padding-top: 10px;
}

.product-random-widget-grid .product-card .image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
}

.product-random-widget-grid .product-card .content {
  padding-left: 100px;
  min-height: 60px;
}
.product-random-widget-grid .product-card .name {
  font-size: 14px;
  margin: 0px 0px 5px 0px;
}
.product-random-widget-grid .product-card .name a{
  color: #2B2D42;
}
.product-random-widget-grid .product-card .price {
  font-size: 14px;
  color: #ff2f2f;
  font-weight: 600;
}
.product-random-widget-grid .product-card .price-old {
  font-size: 12px;
  font-weight: 500;
  color: #8D99AE;
  text-decoration: line-through;
}