.donation-table-wrapper {
    overflow-y: auto;
    overflow-x: hidden;

    width: 66.66%;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .donation-table-wrapper {
        width: 100%;
    }
}

.donation-table.sticky-header {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.donation-table.sticky-header thead th {
    position: sticky;
    top: 0;
    background-color: #424549;
    color: white;
    z-index: 2;
}

.donation-table.sticky-header th,
.donation-table.sticky-header td {
    padding: 8px 12px;
    text-align: center;
    background-color: rgba(192, 192, 192, 0.2);
}

.donation-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
    transition: background-color 0.2s;
}

.donation-table.sticky-header .wide-cell {
    width: 66.66%;
}
.donation-table.sticky-header .narrow-cell {
    width: 33.33%;
}