.elementor-1708 .elementor-element.elementor-element-3d17820{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b1bc76b */<style>
    main {
      max-width: 480px;
      background: #fff;
      margin: 2rem auto;
      border-radius: 1rem;
      box-shadow: 0 4px 22px rgba(80,120,140,0.15);
      padding: 2rem 1.5rem 1.5rem 1.5rem;
    }
    .youtube-links {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
    }
    .youtube-link-card {
      background: #f1f8ff;
      border-radius: 0.7rem;
      box-shadow: 0 2px 6px rgba(47,100,150,0.07);
      padding: 1rem 1.2rem;
      display: flex;
      align-items: center;
      gap: 1.2rem;
      transition: background 0.2s;
    }
    .youtube-link-card:hover {
      background: #e4f3ff;
    }
    .icon {
      flex: 0 0 54px;
    }
    .icon img {
      width: 54px;
      height: 54px;
      border-radius: 0.6rem;
      border: 2px solid #0575e6;
      background: #fff;
    }
    .link-info {
      flex: 1 1 auto;
    }
    .link-info .day {
      font-weight: bold;
      font-size: 1.25rem;
    }
    .link-info .btn {
      margin-top: 0.5rem;
      padding: 0.5em 1.2em;
      font-size: 1rem;
      border: none;
      border-radius: 0.4rem;
      background: linear-gradient(90deg, #43cea2, #185a9d);
      color: #fff;
      cursor: pointer;
      font-weight: 600;
      letter-spacing: 0.5px;
      transition: background 0.18s;
      text-decoration: none;
      display: inline-block;
    }
    .link-info .btn:hover {
      background: linear-gradient(90deg, #185a9d, #43cea2);
    }
    @media (max-width: 600px) {
      main {
        margin: 1rem;
        padding: 1rem 0.5rem;
      }
      .youtube-link-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7rem;
      }
      .link-info .btn {
        width: 100%;
        text-align: center;
      }
    }/* End custom CSS */