index.scss

@import '../../../assets/scss/variables.scss';
@import '../../../assets/scss/mixins.scss';

.comedian-videos {
  text-align: center;

  &.error {
    h3 {
      font-size: 1.2rem;
      color: $primaryRed;
    }
    p {
      font-size: 1rem;
      color: $skyBlue;
    }
  }

  .thumbnail {
    object-fit: cover;
    height: 165px;
    width: 300px;
    border-radius: 8px;
    border: 1px solid var(--white-secondory);
  }

  .video-card {
    margin: 12px;
    width: 300px;
    .card-title {
      color: var(--h3-color);
      @include desktop() {
        font-size: var(--h3-md);
      }
      @include tablet() {
        font-size: var(--h3-sm);
      }
      @include mobile() {
        font-size: var(--h3-xs);
      }
    }
  }
}