.icon-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: var(--hlx-text-color-primary);
  background: var(--hlx-color-white);
  border: none;
  outline: none;
  border-radius: 50%;
  & > span {
    font-size: var(--hlx-icon-size-xl);
  }
  &.icon-button:hover {
    cursor: pointer;
  }

  .icon-button__badge {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 16px;
    height: 16px;
    background: var(--hlx-color-primary);
    font-family: 'Open Sans' !important;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}