.roose_card {
    background-color: #212529;
    margin: 5px !important;
}

.roose_card:hover {
    border: 1px solid #c98300; 
    animation: shadow-pulse 2s infinite;
}
@keyframes shadow-pulse {
    0%{
        -webkit-box-shadow: 0px 0px 10px 5px rgba(201,131,0,1);
        -moz-box-shadow: 0px 0px 10px 5px rgba(201,131,0,1);
        box-shadow: 0px 0px 10px 5px rgba(201,131,0,1);
    }
    50%{
        -webkit-box-shadow: 0px 0px 20px 5px rgba(201,131,0,0.5);
        -moz-box-shadow: 0px 0px 20px 5px rgba(201,131,0,0.5);
        box-shadow: 0px 0px 20px 5px rgba(201,131,0,0.5);
    }
    100%{
        -webkit-box-shadow: 0px 0px 10px 5px rgba(201,131,0,1);
        -moz-box-shadow: 0px 0px 10px 5px rgba(201,131,0,1);
        box-shadow: 0px 0px 10px 5px rgba(201,131,0,1);
    }
}

.indirim {
    color: #fff;
    width: 51px;
    font-weight: 900;
    font-size: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41MSAzMC41NSI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOiNlMzA2MTN9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImthdG1hbl8yIiBkYXRhLW5hbWU9ImthdG1hbiAyIj48ZyBpZD0ia2F0bWFuXzEtMiIgZGF0YS1uYW1lPSJrYXRtYW4gMSI+PHBhdGggZmlsbD0iI2FhMDUwZSIgZD0iTTQ1LjUxIDUuMzVIMEw3LjY0IDBoMzcuODd2NS4zNXoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00NS41MSAwdjIzLjY0bC0xOC45MyA2LjkxLTE4Ljk0LTYuOTFWMGgzNy44N3oiLz48cGF0aCBkPSJNMTEuMjYgMHYyMS4xMmwxNS4zMiA1LjU4IDE1LjMyLTUuNThWMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00MC45OSAwdjIwLjQ5bC0xNC40MSA1LjI2LTE0LjQyLTUuMjZWMGgyOC44M3oiLz48L2c+PC9nPjwvc3ZnPg==);
    position: absolute;
    z-index: 101;
    top: -6px;
    right: 2px;
    padding-left: 9px;
    background-repeat: no-repeat;
    height: 34px;
    text-align: center;
}