.CornerWidget {
  display: -webkit-box;
  display: flex;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  background: #fff;
  border-radius: 4rem;
  box-shadow: 0 0 1.5rem #22bb5c;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  background: #25d366;
  color: #fff;
  padding: 1rem;
  z-index: 10;
}
.CornerWidget-symbol,
.CornerWidget-letters {
  height: 1.5rem;
}
.CornerWidget-symbol svg,
.CornerWidget-letters svg {
  height: 100%;
  width: auto;
}
.CornerWidget-letters {
  display: none;
}
@media only screen and (min-width: 768px) {
  .CornerWidget {
    box-shadow: 0 0 3rem #e4e4e5;
    background: #fff;
    color: #5f6267;
    bottom: 3rem;
    right: 3rem;
    padding: 0.75rem 1.125rem;
  }
  .CornerWidget-symbol,
  .CornerWidget-letters {
    height: 1.25rem;
  }
  .CornerWidget-letters {
    display: inherit;
  }
  .CornerWidget:hover,
  .CornerWidget:focus,
  .CornerWidget:active {
    color: #fff;
    background: #25d366;
    box-shadow: 0 0 1.5rem #22bb5c;
  }
}