.bookmark-container .flag-bookmark {
  padding: 50px;
  background: none;
}

.bookmark-container {
  justify-content: center;
  align-items: center;
}

.bookmark-container .flag-bookmark a.use-ajax::before {
  content: "";
  background: url(/themes/custom/unified/icons/bookmark.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.bookmark-container .flag-bookmark.action-unflag a.use-ajax::before {
  background: url(/themes/custom/unified/icons/unbookmark.png);
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(42%) sepia(66%) saturate(504%) hue-rotate(138deg) brightness(87%) contrast(92%);
}

.bookmark-container .flag-bookmark a.use-ajax {
  padding-left: 50px;
  position: relative;
  padding: 10px 0px 10px 30px;
}

.bookmark-container .action-flag.flag-bookmark a {
  color: var(--grey-01);
}

/*CGM Bookmark*/
.hero-article-text .bookmark-container .bookmark-cgm-training {
  padding: 0;
  font-size: 16px;
  margin-top: -12px;
  position: relative;
  padding-right: 20px;
}

.hero-article-text .bookmark-container .bookmark-cgm-training a.use-ajax {
  padding: 0;
  position: static;
}

.hero-article-text .bookmark-container .bookmark-cgm-training a.use-ajax::before,
.hero-article-text .bookmark-container .bookmark-cgm-training.action-unflag a.use-ajax::before {
  right: 0;
  top: 5px;
  bottom: auto;
  left: auto;
  width: 12px;
  height: 16px;
  background-size: cover;
  background-position: top;
  filter: invert(37%) sepia(72%) saturate(458%) hue-rotate(138deg) brightness(98%) contrast(94%);
}

/*above bookmark code impacted library page bookmark size for fixing the code is here*/

.article-card-container .bookmark-card-container {
  bottom: 20px;
  right: 15px;
}

.article-card-container .bookmark-card-container .flag-bookmark.action-flag a.use-ajax {
  padding: 10px 0px 10px 30px;
  position: relative;
  color: transparent;
}

.article-card-container .bookmark-card-container .flag-bookmark.action-flag a.use-ajax::before {
  background: url(/themes/custom/unified/icons/bookmark-new.png);
}

.article-card-container .bookmark-card-container .flag-bookmark.action-flag a.use-ajax::before,
.article-card-container .bookmark-card-container .flag-bookmark.action-unflag a.use-ajax::before {
  height: 30px;
  width: 30px;
  top: 0;
  filter: none;
  background-size: cover;
}

.article-card-container .bookmark-card-container .flag-bookmark.action-unflag a.use-ajax::before {
  filter: brightness(0) saturate(100%) invert(42%) sepia(66%) saturate(504%) hue-rotate(138deg) brightness(87%) contrast(92%);
  background-size: auto;
  background-position-y: 8px;
}