.candidate-video {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  padding: 7px 9px;
  background: var(--blue-light);
  border: 1px solid rgba(0, 82, 127, .12);
  border-radius: 10px;
}

.candidate-video-title {
  color: var(--blue-dark);
  font-size: .7rem;
  font-weight: 850;
}

.candidate-video-links {
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
}

.candidate-video-link {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(0, 59, 94, .14);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.candidate-video-link svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.candidate-video-instagram {
  background: linear-gradient(135deg, #7148d7, #d62976 55%, #f09433);
}

.candidate-video-facebook {
  background: #1877f2;
}

.candidate-video-facebook svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  stroke: none;
}

.candidate-video-dot {
  fill: currentColor;
  stroke: none;
}

.candidate-video-link:hover,
.candidate-video-link:focus-visible {
  outline: 3px solid rgba(100, 190, 46, .48);
  outline-offset: 2px;
  box-shadow: 0 7px 17px rgba(0, 59, 94, .24);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .candidate-video-link {
    transition: none;
  }
}