.bottom-communication-button .m-button,
.bottom-communication-button.m-button {
  border-radius: calc(var(--action-button-size)/2);
  box-shadow: 0 4px 12px #0000004d;
  color: var(--color-white);
  height: var(--action-button-size);
  overflow: hidden;
  padding: 16px;
  position: relative;
  transition: all .5s cubic-bezier(.18, .89, .32, 1.28) 50ms;
  width: var(--action-button-size)
}

.mobile .bottom-communication-button .m-button,
.mobile .bottom-communication-button.m-button {
  --action-button-size: 48px;
  padding: 11px
}

.bottom-communication-button .m-button .m-icon,
.bottom-communication-button.m-button .m-icon {
  fill: currentcolor;
  color: var(--color-white);
  display: inline-block;
  flex-shrink: 0;
  font-size: 2rem;
  height: 1em;
  user-select: none;
  width: 1em
}

.mobile .bottom-communication-button .m-button .m-icon,
.mobile .bottom-communication-button.m-button .m-icon {
  height: 26px;
  width: 26px
}