.lecture-banner {
  margin: 24px 0;
}

.lecture-banner a {
  display: block;
  text-decoration: none;
}

.lecture-banner-inner {

  padding: 22px 24px;

  border-radius: 14px;

  background: linear-gradient(
    135deg,
    #f7efe4 0%,
    #fff8ef 100%
  );

  border: 1px solid #e5d6bf;

  transition: all 0.25s ease;
}

.lecture-banner-inner:hover {

  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.lecture-banner-date {

  font-size: 0.9rem;

  color: #8c6a3a;

  margin-bottom: 4px;
}

.lecture-banner-title {

  font-size: 1.35rem;

  font-weight: 700;

  color: #333;

  margin-bottom: 2px;
}

.lecture-banner-sub {

  font-size: 0.95rem;

  color: #666;

  margin-bottom: 10px;
}

.lecture-banner-btn {

  display: inline-block;

  padding: 6px 14px;

  font-size: 0.85rem;

  border-radius: 20px;

  background: #c9a063;

  color: #fff;
}

@media (max-width: 768px){

  .lecture-banner-inner{
  
  padding:18px 16px;
  
  }
  
  .lecture-banner-title{
  
  font-size:1.15rem;
  
  }
  
  }