#fake-beacon-container {
  display: none;
}

#beacon-container,
#beacon-container * {
    transition: none !important;
    animation: none !important;
}

@media (min-width: 650px) {
  #fake-beacon-container {
    display: block;
    border-radius: 60px;
    height: 60px;
    position: fixed;
    transform: scale(1);
    width: 60px;
    bottom: 40px;
    box-shadow: rgb(0 0 0 / 10%) 0 4px 7px;
    right: 40px;
    top: auto;
    transition: box-shadow 250ms ease 0s, opacity 0.4s ease 0s,
      scale 1000ms ease-in-out 0s, transform 0.2s ease-in-out 0s;
    z-index: 2;
  }

  div input[type="button"],
  div button {
    outline: none;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  @media (max-height: 740px) {
    #fake-beacon-container {
      bottom: 10px;
      right: 20px;
    }
  }

  #fake-beacon-container button {
    height: 100%;
    width: 100%;
    background: rgb(227, 98, 0);
    border: none;
    border-radius: 9999px;
  }

  #fake-beacon-container .c-FabButton__icon--icon {
    align-items: center;
    color: white;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 80ms linear 0s, transform 160ms linear 0s;
    width: 60px;
    will-change: opacity, transform;
    opacity: 1 !important;
    transform: rotate(0deg) scale(1) !important;
  }

  .BeaconFabButtonFrame {
    z-index: 1 !important;
  }

  .BeaconFabButtonFrame iframe {
    border-radius: 50px;
  }

  .BeaconFabButtonFrame,
  body.mobile #fake-beacon-container,
  body.tablet #fake-beacon-container {
    display: none;
  }

  @media screen and (min-width: 650px) {
    .BeaconFabButtonFrame {
      display: block;
    }
  }
}
