table {
    font-size: theme('fontSize.sm');
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    vertical-align: top;

    tr:not(:last-child) {
        border-bottom: 1px solid theme('colors.gray.400');
    }
}

th,
td {
    padding: .375rem .25rem;
    vertical-align: top;

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

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

@include mappy-bp(sm) {
    table {
        font-size: .875rem;
    }

    th,
    td {
        padding: .5rem .375rem;
    }
}

@include mappy-bp(xl) {
    table {
        font-size: 1rem;
    }
}
