.hover-table_benim tbody tr {
    transition: background-color 0.2s ease-in-out;
}

.hover-table_benim tbody tr:hover {
    background-color: #f8f9fa;
}






.coffee-table-equal {
    table-layout: fixed;
    width: 100%;
}

.coffee-table-equal th,
.coffee-table-equal td {
    width: 33.33%;
}

.hover-table_benim tbody tr {
    transition: all 0.2s ease;
}





.coffee-table-equal_yazilar  {
    font-size: 15px;
}
.coffee-table-equal_yazilar thead th {
    font-size: 16px;
    font-weight: 600;
}
.coffee-table-equal_yazilar tbody td {
    font-size: 15px;
}
/* tablonun aşağısında bir scroll çıkartıyordu yatayda */
.hover-table_benim_iptal tbody tr:hover {
    background-color: #f8f9fa;
    transform: scale(1.01);
}

@media (max-width: 576px) {

    .coffee-table-equal_yazilar thead th {
        font-size: 12px;
    }

    .coffee-table-equal_yazilar tbody td {
        font-size: 12px;
    }

    .coffee-table-equal_yazilar .badge {
        font-size: 10px;    /*font-size: 11px;*/
        padding: 4px 8px;
    }

    .coffee-table-equal {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .coffee-table-equal th,
    .coffee-table-equal td {
        padding: 6px 4px;
    }
}

/* aşağısı cpffe table için scroll olması için ayarlandı   tablo 10 satır olsa bile taşarsa scroll olur  */

.kahve-scroll{
    max-height: 420px;
    overflow-y: auto;
}
/* header sabit kalsın */
.kahve-scroll thead th{
    position: sticky;
    top: 0;
    z-index: 2;
    background: white;
}
.kahve-scroll{
    max-height: 320px;
    overflow-y: auto;
}


/*             */          

.coffee-btn {

    border: none;

    background: transparent;

    padding: 0;
}


.coffee-btn img {

    width: 100%;

    max-width: 320px;

    opacity: 0.92;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease,
        box-shadow 0.25s ease;
}


/* hover */

.coffee-btn:hover img {

    transform: scale(1.03);

    opacity: 1;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.25);
}


/* click */

.coffee-btn:active img {

    transform: scale(0.98);
}