.elementor .image-button{/* =========================
 IMAGE BUTTON BASE STYLE
========================= */
.image-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.7);
  color: #fff !important;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
}

/* =========================
 HIDE ORIGINAL TEXT
========================= */
.image-button {
  font-size: 0; /* hides whatever text Elementor put in */
}

/* =========================
 DEFAULT TEXT (EDIT THIS)
========================= */
.image-button::after {
  content: "Storage Options"; /* CHANGE PER BUTTON */
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  transition: opacity 0.3s ease;
}

/* =========================
 HOVER STATE
========================= */
.image-button:hover {
  background-color: #5E7EB5 !important;
  transform: scale(1.05);
}

/* =========================
 HOVER TEXT CHANGE
========================= */
.image-button:hover::after {
  content: "Read More";
}\n}