/* Flexbox container for buttons */
.button-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 10px !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin: 10px 0 !important;
}

/* General button styles */
.button-ezseq {
  margin: 0 !important;
  padding: 10px 15px !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: bold !important;
  display: inline-block !important;
  min-width: 100px !important;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.3s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.3s ease, transform 0.2s ease;
  transition: background-color 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}

.button-ezseq:hover {
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
}

.button-ezseq:disabled {
  background-color: #b1b1b1 !important;
  color: #999 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.6 !important;
}

.button-ezseq:disabled:hover {
  -webkit-transform: none !important;
          transform: none !important;
  background-color: #b1b1b1 !important;
}

/* Primary button styles */
.button-ez-primary {
  background-color: #ff0000 !important;
  color: #fff !important;
}

.button-ez-primary:hover {
  background-color: #cc0000 !important;
  color: #fff !important;
}

/* Secondary button styles (if needed) */
.button-ez-secondary {
  background-color: #7e7e7e !important;
  color: #fff !important;
}

.button-ez-secondary:hover {
  background-color: #656565 !important;
  color: #fff !important;
}

/* Dropdown menu styles */
.dropdown {
  position: relative !important;
  display: inline-block !important;
}

.dropdown .dropdown-button {
  display: inline-block !important;
}

.dropdown .dropdown-content {
  display: none !important;
  position: absolute !important;
  background-color: #fff !important;
  min-width: 160px !important;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2) !important;
  z-index: 1 !important;
  border-radius: 4px !important;
  padding: 10px 0 !important;
}

.dropdown .dropdown-content a {
  color: #000 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  display: block !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.dropdown .dropdown-content a:hover {
  background-color: #f1f1f1 !important;
  cursor: pointer !important;
}

.dropdown:hover .dropdown-content {
  display: block !important;
}

/* Optional: Mobile responsiveness for buttons */
@media (max-width: 768px) {
  .button-container {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 5px !important;
  }
  .button-ezseq {
    min-width: auto !important;
    width: 100% !important;
  }
}
/*# sourceMappingURL=styles.css.map */