.umasenso-badge-widget,
.umasenso-badge-widget *,
.umasenso-inline-widget,
.umasenso-inline-widget *,
.umasenso-overlay,
.umasenso-overlay *{
  font-size:16px;
  line-height:1.2em
}
.umasenso-badge-widget iframe,
.umasenso-inline-widget iframe,
.umasenso-overlay iframe{
  display:inline;
  height:100%;
  width:100%
}
.umasenso-popup-content{
  position:relative
}
.umasenso-popup-content.umasenso-mobile{
  -webkit-overflow-scrolling:touch;
  overflow-y:auto
}
.umasenso-overlay{
  background-color:#a5a5a5;
  background-color:rgba(31,31,31,.4);
  bottom:0;
  left:0;
  overflow:hidden;
  position:fixed;
  right:0;
  top:0;
  z-index:9999
}
.umasenso-overlay .umasenso-close-overlay{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.umasenso-overlay .umasenso-popup{
  box-sizing:border-box;
  height:90%;
  left:50%;
  max-height:700px!important;
  max-width:1000px;
  min-width:900px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) translateX(-50%);
  width:80%
}
@media (max-width:975px){
  .umasenso-overlay .umasenso-popup{
    bottom:0;
    height:auto;
    left:0;
    max-height:none;
    min-width:0;
    position:fixed;
    right:0;
    top:50px;
    transform:none;
    width:100%
  }
}
.umasenso-overlay .umasenso-popup .umasenso-popup-content{
  height:100%
}

/* Close button: update path to your asset */
.umasenso-overlay .umasenso-popup-close{
  background:url(/assets/images/close-icon.svg) no-repeat;
  background-size:contain;
  color:#fff;
  cursor:pointer;
  height:19px;
  position:absolute;
  right:25px;
  top:25px;
  width:19px
}
@media (max-width:975px){
  .umasenso-overlay .umasenso-popup-close{
    right:15px;
    top:15px
  }
}

.umasenso-badge-widget{
  bottom:15px;
  position:fixed;
  right:20px;
  z-index:9998
}
.umasenso-badge-widget .umasenso-badge-content{
  border-radius:25px;
  box-shadow:0 2px 5px rgba(0,0,0,.25);
  color:#fff;
  cursor:pointer;
  display:table-cell;
  font-family:sans-serif;
  font-size:14px;
  font-weight:700;
  height:45px;
  padding:0 30px;
  text-align:center;
  vertical-align:middle;
  width:auto
}
.umasenso-badge-widget .umasenso-badge-content.umasenso-white{
  color:#666a73
}

/* Branding line (Powered by Umasenso) */
.umasenso-badge-widget .umasenso-badge-content span{
  display:block;
  font-size:12px;
  font-weight:600;
  opacity:.9
}

.umasenso-spinner{
  left:0;
  position:absolute;
  right:0;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
  z-index:-1
}
.umasenso-spinner>div{
  animation:umasenso-bouncedelay 1.4s ease-in-out infinite;
  animation-fill-mode:both;
  background-color:#e1e1e1;
  border-radius:50%;
  display:inline-block;
  height:18px;
  vertical-align:middle;
  width:18px
}
.umasenso-spinner .umasenso-bounce1{
  animation-delay:-.32s
}
.umasenso-spinner .umasenso-bounce2{
  animation-delay:-.16s
}
/* Popup branding (Calendly-style) */
.umasenso-popup-branding{
  display: block;
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  color: rgba(255,255,255,.85); /* looks great on dark overlay */
  margin-top: 10px;
  user-select: none;
}

/* If your popup background is light, this keeps it readable */
.umasenso-overlay .umasenso-popup-branding{
  color: rgba(255,255,255,.85);
}

/* Optional: give it the same "span" feel as Calendly badge branding */
.umasenso-popup-branding span{
  display: inline-block;
  font-size: 12px;
}

/* Optional: subtle hover like a “real widget” (safe even if not a link) */
.umasenso-popup-branding:hover{
  opacity: .95;
}
.umasenso-popup-branding{
  padding: 6px 0 0;
  letter-spacing: .1px;
  opacity: .85;
}
@keyframes umasenso-bouncedelay{
  0%,80%,to{transform:scale(0)}
  40%{transform:scale(1)}
}