.player_content {
  display: none;
  width: 100%;
}

#service-player-placeholder {
  width: 100%;
  border-radius: var(--border-radius-small);
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

#close-player-button {
  display: none;
}

#player-container {
  display: none;
}

.player_content iframe,
#service-player-placeholder iframe {
  border-radius: var(--border-radius-large);
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  display: block;
  vertical-align: top;
}

#player-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#service-buttons-container {
  display: flex;
  gap: var(--space-lg);
  align-items: center;
}

.service-link-button {
  width: var(--toggle-height);
  height: var(--toggle-height);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--glass-bg-light);
  backdrop-filter: var(--glass-blur-medium) saturate(250%) brightness(1.05);
  -webkit-backdrop-filter: var(--glass-blur-medium) saturate(250%)
    brightness(1.05);
  border: 0.5px solid var(--glass-border-light);
  border-radius: 50%;
  box-shadow:
    inset 0 1px 0 var(--glass-highlight-subtle),
    0 4px 16px var(--glass-overlay-light);
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.service-link-button:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 var(--glass-highlight-subtle),
    0 6px 20px var(--glass-overlay-medium);
}

.service-link-button:active {
  transform: translateY(0);
  box-shadow:
    inset 0 1px 0 var(--glass-highlight-subtle),
    0 2px 8px var(--glass-overlay-light);
}

.service-icon {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  .service-link-button {
    width: var(--toggle-height);
    height: var(--toggle-height);
  }

  .service-icon {
    width: var(--size-icon-xs);
    height: var(--size-icon-xs);
  }

  #service-buttons-container {
    gap: var(--space-sm);
  }
}