.saleCard{
    z-index: 1;
    position: relative;
}
.saleCardBorder {
    border-width: 10px;
    background: #1d1f20;
    position: relative;
    border-radius: 10px;
}

.saleCardBorder:after {
    content: '';
    position: absolute;
    top:calc(-1 * 10px);
    left:calc(-1 * 10px);
    height: calc(100% + 10px * 2);
    width: calc(100% + 10px * 2);
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82, #fcba03);
    border-radius: calc(10px);
    animation: animate 3s ease alternate infinite;
    background-size: 300% 300%;
}
@keyframes animate {
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}