.widgetBg {
  display: block;
  width: 100%;
  height: 100px;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: linear-gradient(
    to bottom,
    hsla(0,0%,100%,0) 0%,
    hsla(0,0%,100%,0.0919067215) 9.19%,
    hsla(0,0%,100%,0.1982167353) 19.82%,
    hsla(0,0%,100%,0.3148148148) 31.48%,
    hsla(0,0%,100%,0.4375857339) 43.76%,
    hsla(0,0%,100%,0.5624142661) 56.24%,
    hsla(0,0%,100%,0.6851851852) 68.52%,
    hsla(0,0%,100%,0.8017832647) 80.18%,
    hsla(0,0%,100%,0.9080932785) 90.81%,
    hsl(0,0%,100%) 100%
  );
}

 
.callWidget .callMessage {
  width: 94px;
  padding: 6px 10px;
  position: absolute;
  left: 40px;
  top: -20px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border: 1px solid #FF0080;
  background-color: #ffffff;
  color: #FF0080;
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 2px 6px 16px rgba(135,135,135,0.15), -4px -2px 16px rgba(255,255,255,.65);
  opacity: 1;
  transform: scale(1);
  transition: opacity 150ms linear, transform 150ms linear;
  transition-delay: .2s;
 }
 
 .callWidget .callMessage p {
   margin-bottom: 0;
 }

.callWidget {
  right: 0;
  left: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 140ms linear;
}

@media only screen and (max-width: 414px) {
  .callWidget {
    opacity: 1;
    visibility: visible;
  }
}

a.call {
  border-color: #FF0080;
}

.callWidget svg {
  width: 32px;
  height: 32px;
}