/* Blog Styles */



.btn-large {

  display: inline-block;

  padding: 1rem 2.5rem;

  font-size: 1.25rem;

  font-weight: 700;

  border-radius: 999px;

  background: var(--gradient-button);

  color: #fff !important;

  text-align: center;

  box-shadow: var(--shadow-md);

  border: none;

  margin: 1.5rem auto 0 auto;

  transition: transform var(--transition-fast), box-shadow var(--transition-fast);

}



.btn-large:hover {

  transform: translateY(-2px);

  box-shadow: var(--shadow-lg);

  opacity: 0.95;

}



/* Blog and Article Layout Styles */

.blog-content {

  padding: 2rem 0;

}



.content-wrapper {

  display: flex;

  gap: 2rem;

  flex-wrap: wrap;

  align-items: flex-start;

}



.main-content {

  flex: 2 1 350px;

  min-width: 0;

}



.article-sidebar {

  flex: 1 1 280px;

  min-width: 260px;

}



/* For article pages */

.article-layout {

  padding: 2rem 0;

}



.article-main {

  max-width: 800px;

  margin: 0 auto;

  width: 100%;

}