<style>
lang {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  background-color: #f8f8f800;
}

.language-flags {
  display: flex;
  gap: 10px; /* Bayraklar arasÄ±ndaki boÅŸluk */
}

.language-flags img {
  width: 27px; /* Bayrak geniÅŸliÄŸi */
  height: auto; /* OranlarÄ± korumak iÃ§in */
  border: 3px solid #ddd; /* Ä°steÄŸe baÄŸlÄ±: Bayraklara kenarlÄ±k ekler */
  border-radius: 15px; /* Ä°steÄŸe baÄŸlÄ±: KÃ¶ÅŸeleri yuvarlar */
}
</style>

<style>
     .hover-effect {
  transition: transform 0.3s ease-in-out;
}

.hover-effect:hover {
  transform: scale(1.1) rotate(5deg); /* BÃ¼yÃ¼r ve hafifÃ§e dÃ¶ner */
}

/* Mobil cihazlarda dil bayraklarÄ±nÄ± gÃ¶ster */
@media (max-width: 1023px) {
    .language-flags-mobil {
      border: 2px solid #ddd; /* Ä°steÄŸe baÄŸlÄ±: Bayraklara kenarlÄ±k ekler */
  border-radius: 8px; /* Ä°steÄŸe baÄŸlÄ±: KÃ¶ÅŸeleri yuvarlar */
        display: block; /* veya inline, inline-block, flex vb. */
    }
}

/* MasaÃ¼stÃ¼ cihazlarda dil bayraklarÄ±nÄ± gizle */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .language-flags-mobil {
      border: 2px solid #ddd; /* Ä°steÄŸe baÄŸlÄ±: Bayraklara kenarlÄ±k ekler */
  border-radius: 8px; /* Ä°steÄŸe baÄŸlÄ±: KÃ¶ÅŸeleri yuvarlar */
        display: none;
    }

   


}
    </style>