.user-purchases .alert-success {
    border-radius: var(--r1);
    margin-bottom: 2rem;
}
.user-purchases h3 {
    margin-bottom: 2rem;
}
.user-purchases table {
    margin-bottom: 3rem;
    position: relative;
}
.user-purchases .table>tbody>tr>td, .user-purchases .table>tbody>tr>th, .user-purchases .table>tfoot>tr>td, .user-purchases .table>tfoot>tr>th, .user-purchases .table>thead>tr>td, .user-purchases .table>thead>tr>th {
    padding: .5rem;
}
.user-purchases table:before {
    content: "";
    display: block;
    width: calc( 100% + 2rem);
    height: calc( 100% + 2rem);
    position: absolute;
    top: 0; right: 0; bottom: 0; left: -1rem;
    margin: auto;
    z-index: -1;
    border: 1px solid #ddd;
    border-radius: var(--r2);
}
.user-purchases table button {
    margin-top: .5rem;
}
.deal-status,
.label-success {
    font-weight: normal;
    padding: .25rem .5rem;
    border-radius: var(--base-btn-radius);
}