/* Blog Tab Buttons - Clip-path hover effects */
.blog-tab-btn,
a[href="iletisim.html"] {
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
  transition: all 0.3s ease, clip-path 0.3s ease;
}

.newsletter-button {
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
  transition: all 0.3s ease, clip-path 0.3s ease;
}

@media (min-width: 1024px) {
  .blog-tab-btn:hover,
  a[href="iletisim.html"]:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
  
  .newsletter-button:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
}