body {
    background-color: rgb(29, 29, 29);
    color: white;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
/* Ekranın ortasında durması için */
.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
}

.squircle-btn {
  /* Squircle formunu veren sihirli komut */
  clip-path: url(#squircle-path); /* Veya basitçe aşağıdakini kullan: */
  border-radius: 30%; /* Standart yuvarlatma yerine %20-25 squircle havası verir */
  
  width: 300px;
  height: 300px;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}

.squircle-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20%; /* Standart yuvarlatma yerine %20-25 squircle havası verir */
}

/* Üzerine gelince büyüme efekti */
.squircle-btn:hover {
  transform: scale(1.1); /* %10 büyüme */
}

/* Basıldığında hafif küçülme (dokunma hissi) */
.squircle-btn:active {
  transform: scale(0.95);
}