/* =========================
   PRICE
========================= */

.price-wrapper {
    background: white;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
}

.price-table {
    width: 100%;
    border-collapse: collapse;
}

.price-table thead {
    background: var(--primary);
    color: white;
}

.price-table th,
.price-table td {
    padding: 20px 28px;
    text-align: left;
}

.price-table tbody tr {
    border-bottom: 1px solid #ececec;
}

.price-table tbody tr:hover {
    background: #fafafa;
}

.price-note {
    padding: 24px 28px;
    background: #fafafa;
}