.message-bubble-cta {
  position: fixed;
  bottom: 82px;
  right: 1.5rem;

  padding: 20px;
  border: 1px solid var(--text-action-high-blue-france);
  background-color: var(--background-action-high-blue-france);
  color: white;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1000;
  border-radius: 50%;
  background-image: none;
}
@media (min-width: 1430px) {
  .message-bubble-cta {
    bottom: 39px;
    right: 39px;
  }
}

.message-bubble-cta:hover {
  background-color: var(--background-action-high-blue-france-hover) !important;
}

.message-bubble-cta .unread-message-dot {
  position: absolute;
  top: 0px;
  right: 0px;
}