.loop-bundle-container .loop-bundle-add-button,
.loop-bundle-container .loop-bundle-total-bar button,
.loop-bundle-container .loop-bundle-frequency-button {
  all: unset !important;
  display: inline-block !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  padding: 10px 24px !important;
  border-radius: 30px !important;
  background-color: #3b4431 !important;
  color: #ffffff !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  letter-spacing: 0.3px;
  border: none !important;
  max-width: 220px;
  white-space: nowrap;
}

/* === HOVER EFFECT === */
.loop-bundle-container .loop-bundle-add-button:hover,
.loop-bundle-container .loop-bundle-total-bar button:hover,
.loop-bundle-container .loop-bundle-frequency-button:hover {
  background-color: #58644b !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 8px rgba(223, 215, 180, 0.3) !important;
}

.loop-bundle-container .loop-bundle-add-button::before,
.loop-bundle-container .loop-bundle-add-button::after,
.loop-bundle-container .loop-bundle-total-bar button::before,
.loop-bundle-container .loop-bundle-total-bar button::after,
.loop-bundle-container .loop-bundle-frequency-button::before,
.loop-bundle-container .loop-bundle-frequency-button::after {
  content: none !important;
  display: none !important;
}

.loop-bundle-container .loop-bundle-total-bar {
  background-color: #3b4431 !important;
  color: #ffffff !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  padding: 16px 24px !important;
  text-align: center !important;
  border-top: 1px solid #58644b !important;
}