.pudl-bundles {
  padding: 20px 22px;
  background: rgb(245, 243, 239);
}

.pudl-bundles__label {
  margin-bottom: 12px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgb(20, 20, 20);
}

.pudl-bundles__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pudl-bundles__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  border: 1px solid rgb(226, 222, 215);
  background: rgb(255, 255, 255);
  color: rgb(20, 20, 20);
  font-size: 13.5px;
  text-decoration: none;
}

a.pudl-bundles__row:hover,
.pudl-bundles__row.is-current {
  border-color: rgb(20, 20, 20);
}

.pudl-bundles__name {
  font-weight: 600;
}

.pudl-bundles__meta {
  display: flex;
  align-items: center;
  gap: 14px;
}

.pudl-bundles__save {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgb(85, 82, 75);
}

.pudl-bundles__total {
  font-weight: 700;
}