#re-spending-goal {
  overflow: hidden;
}
#re-spending-goal .progress-wrapper {
  padding: 25px 0;
}
#re-spending-goal .re-spending-bar {
  background-color: rgb(192, 192, 192);
  width: 100%;
  border-radius: 4px;
  position: relative;
  color: #000;
}
#re-spending-goal .re-spending-bar > span {
  position: absolute;
  bottom: -20px;
  right: 0;
}
#re-spending-goal .re-spending-bar .reached {
  background-color: rgb(116, 194, 92);
  height: 10px;
  padding: 1%;
  text-align: right;
  border-radius: 4px;
  position: relative;
}
#re-spending-goal .re-spending-bar .reached span {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  min-width: max-content;
  text-align: right;
}

/* Loyalty page styles */
.re-spending-loyalty {
  padding: 15px 0;
}
.re-spending-progress-section {
  margin-bottom: 30px;
}
.re-spending-summary {
  margin-top: 30px;
}
.re-spending-orders-section {
  margin-top: 30px;
}
.re-spending-orders-table {
  width: 100%;
}
.re-spending-orders-table th,
.re-spending-orders-table td {
  padding: 8px 12px;
}
.re-spending-no-goal {
  padding: 20px 0;
}