.popupContainer .feature { 
  border-radius: 12px;
  box-shadow: 0px 4px 10px rgba(7, 7, 22, 0.2);
  padding: 20px 32px 24px;
}

.popupContainer .feature .featureDate { 
  display: none;
}

.popupContainer .featureTitle::before {
  content: '';
  position: absolute;
  bottom: -21px;
  left: -2000px;
  right: -2000px;
  height: 1px;
  background-color: #2d2d32;
}

.popupContainer .feature .featureTitle {
  margin: 0 56px 20px;
  position: relative;
  width: calc(100% - 112px);
  text-align: center;
}

.popupContainer .feature .featureTitle a {
  color: white !important;
}

.popupContainer .featureContent {
  padding-top: 32px;
  position: relative;

  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

body.popup .popupContainer .feature .popupClose {
  opacity: 1;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  padding: 6px;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  top: 16px;
}

body.popup .popupContainer .feature .social { 
  padding: 4px;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

body.popup .popupContainer .feature .social .socialShare {
  width: 24px;
  height: 24px;
  opacity: 1;
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

body.popup .popupContainer .feature .featureControls {
  right: 56px;
  top: 16px;
}

body.popup .popupContainer .feature .popupClose:hover {
  background-color: #d6d6d3;
}

body.popup .popupContainer .feature .social:hover { 
  background-color: #29292c;
}

body.popup .popupContainer .featureFeedback {
  margin: -32px -32px -24px !important;
  padding-bottom: 32px !important;
  padding-left: 32px;
  padding-right: 32px;
  border-top: 1px solid #2d2d32;
}

body.popup .popupContainer .featureFeedback .emojis img {
  background-color: #16161a;
}

body.popup .popupContainer .featureFeedback .feedbackInput {
  border-radius: 8px;
  color: black;
}

body.popup .popupContainer .featureContent::-webkit-scrollbar-thumb {
  background-color: #cecfd1 !important;
}