.cool-card {
    z-index: 0;
    border-radius: 30px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.cool-card .cool-body {
    position: relative;
    z-index: 1;
    color: #fff;
}

.logo-row {
    position: absolute;
    padding: 0;
    bottom: 100%;
    left: 5%;
    width: 100%;
}

.logo-row .logo {
    height: 80px;
    width: 80px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

.logo-row .logo img {
    height: 100%;
}

.no_link {
    color: #fff;
    text-decoration: none;
}


.cool-bk {
    border-radius: 80px;
    position: absolute;
    margin-top: -80px;
    margin-left: -20%;
    height: 100%;
    width: 120%;
    transform: skew(0deg, 350deg);
}

.old-price{
    position: relative;
    display: inline-block;
  }
  .old-price::after{
    content: '';
          position: absolute;
          left: 0;
          top:0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          background-image: url('data:image/svg+xml;utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%22100%25%22%20x2%3D%22100%25%22%20y2%3D%220%22%20stroke%3D%22%23F00%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E');
          background-size: cover;
  }

.seriy {
    background: conic-gradient(from 10deg at 95%  90%, transparent 0%, rgba(213,187,165,0.37) 60%, rgba(247,170,195,0.42) 60%, rgba(191,233,216,0.74) 100%) 35% 50%/140% 110%,
    linear-gradient(55deg, rgba(230,226,203,0.94) 0%, rgb(200,232,227) 45%, rgb(204,248,241) 45%, transparent 70%, rgba(231,190,199,0.66) 100%),
    linear-gradient(45deg, rgb(171,207,243) 0%, rgb(248,216,197) 100%);
}

.beliy {
    background: conic-gradient(from 160deg at 50%  25%, rgb(185,213,241) 0%, rgb(223,233,243) 20%, rgb(201,212,223) 20%, rgb(171,207,243) 90%, rgb(15,68,119) 100%);
}
.zelen {
    background: conic-gradient(from 284deg at 100% 50%, rgb(140, 203, 70) 0%, rgb(59, 190, 67) 15%, rgb(124, 211, 164) 35%, transparent 100%), linear-gradient(341deg, rgb(113, 203, 101) 0%, rgb(100, 200, 105) 33.33333333333333%, rgb(86, 197, 108) 66.66666666666666%, rgb(73, 194, 112) 100%);
}

.goluboy {
    background: radial-gradient(ellipse  at 50%  100%, rgba(1,90,216,0.89) 0%, transparent 40%, rgba(12,8,250,0.59) 85%, rgba(21,6,209,0.37) 100%) 60% 70%/150% 170%,
    linear-gradient(135deg, rgb(11,169,212) 0%, rgb(9,219,178) 55.00000000000001%, rgb(9,126,251) 80%, rgb(8,162,221) 100%);
}

.jeltiy {

        background: linear-gradient(185deg, transparent 0%, rgba(246,188,29,0.64) 70%, rgba(250,103,34,0.96) 100%),
                    linear-gradient(170deg, rgb(246,253,25) 0%, transparent 20%, rgb(254,150,40) 65%, rgba(203,136,6,0.4) 100%),
                    radial-gradient(ellipse  at 60%  80%, rgb(251,85,48) 0%, rgb(246,253,25) 65%, rgb(222,246,25) 100%) 85% 95%/180% 165%;
}

.krasniy {
    background: linear-gradient(350deg, rgb(255, 175, 173) 0%, rgb(255, 0, 0) 100%);
}