.video{
  padding: 100px 0 50px 0;
}

.video h2{
  color: var(--primary-100);
}

.video p{
  color: var(--primary-100);
}

.blog{
  padding: 0px 0px 50px 0px;
}

.platform-buttons{
  padding: 0px 0px 100px 0px;
}

.youtubeVideo{
  width: 100%;
  height: 400px;
}

.btn-platform {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  border: 2px solid currentColor;
  border-radius: 0.375rem;
  transition: background-color 0.3s, color 0.3s;
}

.btn-icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

.btn-youtube {
  color: #FF0000;
}

.btn-youtube:hover {
  background-color: rgba(255, 0, 0, 0.1);
}

.btn-spotify {
  color: #1DB954;
}

.btn-spotify:hover {
  background-color: rgba(29, 185, 84, 0.1);
}


@media (max-width: 767.98px) {
  .youtubeVideo{
    width: 100%;
    height: 300px;
  }
}