/* Meme card hover frame override. */
.feed-grid .feed-card {
  position: relative !important;
  isolation: isolate !important;
  padding: 10px !important;
  border: 2px solid rgba(139, 92, 246, 0.24) !important;
  border-radius: 10px !important;
  background: transparent !important;
  overflow: visible !important;
  outline: none !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.feed-grid .feed-card::before,
.feed-grid .feed-card::after {
  content: none !important;
  display: none !important;
}

.feed-grid .feed-card:hover,
.feed-grid .feed-card:focus-within,
.feed-grid .feed-card.is-hovering {
  border-color: rgba(236, 72, 153, 0.96) !important;
  background: transparent !important;
  box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.58), inset 0 0 0 1px rgba(236, 72, 153, 0.22) !important;
  transform: translateY(-3px) !important;
}

.feed-grid .feed-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.feed-grid .feed-card:hover .media-thumb,
.feed-grid .feed-card:focus-within .media-thumb,
.feed-grid .feed-card.is-hovering .media-thumb {
  border-color: rgba(236, 72, 153, 0.82) !important;
  box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.42) !important;
}

.feed-grid .feed-card:hover .card-meta h3,
.feed-grid .feed-card:focus-within .card-meta h3,
.feed-grid .feed-card.is-hovering .card-meta h3 {
  color: #fff !important;
  text-shadow: none !important;
}