.table {
    border: none;
    border-collapse: collapse;
    margin: 0 0 1rem 0;
}

.table--fullwidth {
    width: 100%;
}

.table th,
.table td {
    padding: var(--space-1);
    text-align: left;

    &:first-child {
        padding-left: 0;
    }

    &:last-child {
        padding-right: 0;
    }
}

.table thead th,
.table thead td {
    border-bottom: 2px solid var(--color-border);
}

.table tbody th,
.table tbody td {
    border-top: 1px solid var(--color-border);
}

.table .align-right {
    text-align: right
}