/* Read More Button */
.read-more-btn {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(90deg, #6c63ff, #ff6584);
  border: none;
  color: #fff;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  font-size: 0.95rem;
}
.read-more-btn .arrow {
  display: inline-block;
  margin-left: 0.5rem;
  transition: transform 0.3s ease;
}
.read-more-btn:hover {
  background-color: #0056b3;
  transform: translateY(-2px);
}
.read-more-btn:hover .arrow {
  transform: translateX(4px);
}

.login-btn {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(90deg, #63f5ff, #7700ff);
  border: none;
  color: #fff !important;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  font-size: 0.95rem;
}
.article-title{
  font-weight: 600;
  color: #342f8a;
}
.topic-title{
  font-weight: 600;
  color: #1a1a27;
}
pre{
  background-color: lavenderblush;
}
.card{
  margin-bottom: 1rem;
}
@media (max-width: 500px) {
 .wrapper{
    width: fit-content;
  }
}