#editor .container--wrapper .wp-block[data-title='Popular Link Card'] {
  width: 100% !important;
}

.popular.cb-container.container--wrapper:not(.m_extra-b):not(.m_none-b) {
  margin: 0;
}

.popular.bg-img,
.popular.bg-color {
  padding: 0;
}

#editor .popular.container--wrapper .cb-inside-container {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  /* box-sizing: content-box; */
}

.popular {
  position: relative;
}
.popular .container--content > a {
  display: flex;
  aspect-ratio: 4/3;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: white;
}

/* .popular:hover .container--content > a, */
.popular .container--content > a:hover,
#editor .popular .container--content > a:hover {
  color: white;
}

.popular::before {
  content: '';
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0; 
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s;
  background-color: black;
}

.popular:hover::before {
  opacity: .25;
}

.popular .linktext {
  display: flex;
  padding: 1em;
  z-index: 1;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-weight: 700;
}
@media screen and (min-width: 690px) {
  .popular .linktext {
    font-size: 1.5em;
    line-height: 1.3;
  }
}