.frc-media-item {
  position: relative;
  display: block;
  margin: 0 0 16px;
  break-inside: avoid;
  border-radius: 14px;
  overflow: hidden;
  background: #eef3f7;
  box-shadow: 0 5px 18px #0b274819;
}

.frc-image-link {
  display: block;
}

.frc-image-link:hover img {
  transform: scale(1.02);
}

.frc-delete-media {
  display: block;
  width: calc(100% - 20px);
  margin: 10px;
  padding: 10px 12px;
  border: 1px solid #b42318;
  border-radius: 8px;
  background: #fff;
  color: #b42318;
  font-weight: 700;
  cursor: pointer;
}

.frc-delete-media:hover {
  background: #b42318;
  color: #fff;
}

.frc-delete-media:disabled {
  opacity: .6;
  cursor: wait;
}

.frc-video-item > .frc-delete-media {
  background: #fff1f0;
}

@media (max-width: 600px) {
  .frc-media-item { margin-bottom: 10px; }
  .frc-delete-media { font-size: .82rem; }
}