.mse-main-action-btn,
.mse-main-action-btn:link,
.mse-main-action-btn:visited,
.mse-main-action-btn:hover,
.mse-main-action-btn:active,
.mse-main-action-btn:focus {
  color: var(--mse-main-btn-text, #ffffff) !important;
  text-decoration: none !important;
}

.mse-sub-btn,
.mse-sub-btn:link,
.mse-sub-btn:visited,
.mse-sub-btn:hover,
.mse-sub-btn:active,
.mse-sub-btn:focus {
  color: inherit !important;
  text-decoration: none !important;
}

.mse-bottom-action {
  --mse-main-btn-bg: #3f7f3c;
  --mse-main-btn-bg-hover: #2f6530;
  --mse-main-btn-text: #ffffff;
  --mse-main-btn-text-hover: #ffffff;
  --mse-sub-btn-bg: #e2be7d;
  --mse-sub-btn-text: #2f2a1f;
  --mse-sub-btn-text-hover: #1d1810;
  --mse-sub-btn-cover-bg: #f6f1e4;
  --mse-sub-btn-cover-text: #1f3b2a;
  --mse-sub-btn-cover-text-hover: #163021;
  --mse-sub-btn-cover-border: #b9c9ac;
  --mse-sub-btn-clean-hover-bg: #d0a95d;
  --mse-sub-btn-cover-hover-bg: #e7efdc;
  position: relative !important;
  margin: 3rem auto 0 auto !important;
  width: fit-content !important;
  padding-bottom: 10px !important;
  text-align: center !important;
}

.mse-main-action-btn {
  display: inline-block !important;
  background: linear-gradient(160deg, var(--mse-main-btn-bg), #2f5d2f) !important;
  color: var(--mse-main-btn-text) !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 24px rgba(32, 66, 37, 0.35) !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
  z-index: 2 !important;
  cursor: pointer !important;
}

.mse-main-action-btn:hover {
  background: linear-gradient(160deg, var(--mse-main-btn-bg-hover), #275228) !important;
  color: var(--mse-main-btn-text-hover) !important;
  transform: scale(1.03) !important;
}

.mse-sub-btns-wrapper {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 1rem !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease !important;
  z-index: 1 !important;
}

.mse-sub-btn {
  display: inline-block !important;
  padding: 0.6rem 1rem !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(28, 52, 34, 0.2) !important;
  background-color: var(--mse-sub-btn-bg) !important;
  color: var(--mse-sub-btn-text) !important;
  transform: translate3d(0, 0, 0) rotate(0deg) scale(0) !important;
  opacity: 0 !important;
  transition: transform 0.4s cubic-bezier(0.5, 1.5, 0.5, 1), opacity 0.4s ease !important;
  pointer-events: none !important;
}

.mse-sub-btn.mse-btn-cover {
  background-color: var(--mse-sub-btn-cover-bg) !important;
  border: 1px solid var(--mse-sub-btn-cover-border) !important;
  color: var(--mse-sub-btn-cover-text) !important;
}

.mse-bottom-action:hover .mse-sub-btns-wrapper,
.mse-bottom-action.in-view .mse-sub-btns-wrapper {
  opacity: 1 !important;
}

.mse-bottom-action:hover .mse-btn-clean,
.mse-bottom-action.in-view .mse-btn-clean {
  opacity: 1 !important;
  transform: translate3d(-80px, -180%, 0) rotate(-10deg) scale(1) !important;
  pointer-events: auto !important;
  transition-delay: 0.05s !important;
}

.mse-bottom-action:hover .mse-btn-cover,
.mse-bottom-action.in-view .mse-btn-cover {
  opacity: 1 !important;
  transform: translate3d(85px, -180%, 0) rotate(10deg) scale(1) !important;
  pointer-events: auto !important;
  transition-delay: 0.15s !important;
}

.mse-btn-clean:hover {
  background-color: var(--mse-sub-btn-clean-hover-bg) !important;
  color: var(--mse-sub-btn-text-hover) !important;
}

.mse-btn-cover:hover {
  background-color: var(--mse-sub-btn-cover-hover-bg) !important;
  color: var(--mse-sub-btn-cover-text-hover) !important;
}

@media (max-width: 768px) {
  .mse-sub-btns-wrapper {
    gap: 0.6rem !important;
  }

  .mse-sub-btn {
    padding: 0.5rem 0.9rem !important;
    font-size: 0.85rem !important;
  }

  .mse-bottom-action:hover .mse-btn-clean,
  .mse-bottom-action.in-view .mse-btn-clean {
    transform: translate3d(-70px, -170%, 0) rotate(-10deg) scale(1) !important;
  }

  .mse-bottom-action:hover .mse-btn-cover,
  .mse-bottom-action.in-view .mse-btn-cover {
    transform: translate3d(74px, -170%, 0) rotate(10deg) scale(1) !important;
  }
}