.elementor-13 .elementor-element.elementor-element-98d09d0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-98d09d0:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-98d09d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sod.malluyanrealty.com/wp-content/uploads/2026/02/modern-studio-for-online-podcast-2026-01-09-11-54-54-utc-scaled.jpg");background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-98d09d0{--width:100%;}}@media(min-width:1680px){.elementor-13 .elementor-element.elementor-element-98d09d0:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-98d09d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-98d09d0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-4e49fa5 */.pulse-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 5;
}

/* Invisible hover area */
.pulse-link::before {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
}

/* DOT */
.pulse-wrap {
  position: relative;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  overflow: visible; /* 🔥 FIX */

  animation: dotPulse 2.8s infinite;
  transition:
    width 0.35s ease,
    height 0.35s ease,
    border-radius 0.35s ease,
    background 0.35s ease;
}

/* RING */
.pulse-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.35);
  opacity: 0;
  animation: ringExpand 2.8s infinite;
}

/* TEXT */
.pulse-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  white-space: nowrap;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease 0.15s;
}

/* ✅ HOVER — THIS IS THE KEY CHANGE */
.pulse-wrap:hover {
  width: 112px;
  height: 36px;
  border-radius: 30px;
  animation: none;
}

.pulse-wrap:hover::after {
  animation: none;
  opacity: 0;
}

.pulse-wrap:hover .pulse-text {
  opacity: 1;
}

/* ANIMATIONS */
@keyframes dotPulse {
  0% { transform: scale(1); }
  15% { transform: scale(1.4); }
  30% { transform: scale(1); }
  100% { transform: scale(1); }
}

@keyframes ringExpand {
  0% { opacity: 0; transform: scale(1); }
  35% { opacity: 0.5; }
  70% { opacity: 0; transform: scale(3); }
  100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b91229 */.reveal-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  height: 42px;
  width: 42px;                 /* collapsed circle */
  overflow: hidden;

  border: 1px solid #ffffff;
  border-radius: 999px;
  background: transparent;
  text-decoration: none;
  

  transition: width 0.45s ease;
}

/* TEXT */
.reveal-text {
  margin-left: 15px;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #ffffff;

  opacity: 0;
  transform: translateX(-10px);
  transition:
    opacity 0.25s ease,
    transform 0.35s ease;
}

/* ARROW */
.reveal-arrow {
  position: absolute;
  top: 9px;
  right: 10px;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
}

/* HOVER */
.reveal-btn:hover {
  width: 140px; /* adjust if text changes */
}

.reveal-btn:hover .reveal-text {
  opacity: 1;
  transform: translateY(100px);
  transform: translateX(0);
}

.reveal-btn:hover .reveal-arrow {
  transform: translateX(3px);
  transition: transform 0.35s ease;
}/* End custom CSS */