.zod_widget-01-box {
  .box {
    width: 220px;
    height: 220px;
    font-weight: bolder;
    border-radius: 0;
    margin: 3px;
    border: 0;
    box-shadow: none;
    background-color: $default-red;
    font-size: 28px;
    color: transparent;
  }

  .box:hover {
    background-color: #2f2f2f;
    border: 5px solid #404040;
  }

  .advertiser {
    border-top-left-radius: 50%;
  }

  .Broadcaster {
    border-bottom-left-radius: 50%;
  }

  .Viewer {
    border-bottom-right-radius: 50%;
  }

  .closeScreen {
    border-top-right-radius: 50%;

    &:hover {
      background-color: $default-red;
      border: unset;
    }

    i.ti-close {
      transition: all ease 300ms;
    }
    i.ti-close:hover {
      font-size: 32px;
    }
  }

}