.watch {
  padding: 5px;

  &__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  &__eye {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;

    img {
      display: block;
      object-fit: contain;
      width: 100%;
      max-width: 24px;
      height: 25px;
    }

    span {
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
  }

  &__like, &__dislike {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;

    img {
      display: block;
      object-fit: contain;
      width: 100%;
      max-width: 24px;
    }

    span {
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
  }

  &__message {
    position: relative;

    span {
      position: absolute;
      top: 0;
      right: -4px;
      font-size: 8px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      background: $c-red;
      color: $c-white;
      border-radius: 6px;
      padding: 2px 4px;
    }
  }
}