.article-media-actions {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
}

.article-media-actions .article-media-action {
  cursor: pointer;
  display: block;
  padding:8px 12px;
  border: 2px solid #333;
  background-color: #333;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  
  font-family: "Roboto-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  transition: all 0.25s;
}
.article-media-actions .article-media-action:hover {
  background-color: #fff;
  color: #333;
}

.mfp-wrap.square-frame .mfp-iframe-holder .mfp-content {
  height: 100%;
}