body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            min-height: 100vh; /* Sayfa içeriği tamamen görünse bile yükseklik sağlanır */
            padding-top: 20px;
        }

        .container {
            background-color: #141414;
            border-radius: 20px;
            width: 90%;
            max-width: 560px;
            box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.7);
            padding: 20px;
            margin-bottom: 20px; /* Butonlardan ayrı görünmesi için */
            box-sizing: border-box;
            position: relative; /* Relative konumlandırma */
        }


        .header {
            font-size: 25px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 20px;
            text-align: left;
            display: flex;
            align-items: center;
            gap: 12px;
            position: relative;
            margin-left: 0px;
        }

        .logo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-left: 10px;
        }

        .header span {
            margin-left: 10px;
        }

        .back-button {
            width: 45px;
            height: 45px;
            background-color: #000000;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: absolute;
            left: -45px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
            border: none;
        }

		#back-button-svg {
			width: 22px;
			height: 22px;
			stroke-width: 2.5;
			color: #fff;
    		animation: none; /* Varsayılan olarak animasyon kaldır */
}
		}

		#back-button-svg:hover {
			stroke-width: 3; /* Hover sırasında çizgi kalınlığını artırır */
			color: #ccc; /* Rengi değiştirir */
		}

        .details {
            background-color: #272727;
            padding: 20px; /* Daha az padding için ayarlandı */
            border-radius: 20px 20px 0 0;
            text-align: left;
            margin-top: -22px; /* Üst container'a yaklaştır */
            width: calc(100% + 40px); /* Yan kenarları genişlet */
            margin-left: -20px;
            box-sizing: border-box;
        }

        .details .icon-container .circle {
            width: 38px; /* Yuvarlağın genişliği */
            height: 38px; /* Yuvarlağın yüksekliği */
            background-color: #000; /* Siyah iç dolgu */
            border-radius: 50%; /* Tam yuvarlak şekil */
            display: flex; /* İkonu ortalamak için flexbox */
            justify-content: center; /* Yatayda ortalama */
            align-items: center; /* Dikeyde ortalama */
            cursor: pointer;
            transition: transform 0.3s ease; /* Hover efekti için */
        }

        .details .icon-container .circle {
            width: 38px; /* Yuvarlağın genişliği */
            height: 38px; /* Yuvarlağın yüksekliği */
            background-color: #000; /* Siyah iç dolgu */
            border-radius: 50%; /* Tam yuvarlak şekil */
            display: flex; /* İkonu ortalamak için flexbox */
            justify-content: center; /* Yatayda ortalama */
            align-items: center; /* Dikeyde ortalama */
            cursor: pointer;
            transition: transform 0.3s ease; /* Hover efekti için */
        }

        .details .icon-container .circle .icon-img {
            width: 100% !important; /* İkonun genişliği */
            height: 100% !important; /* İkonun yüksekliği */
            object-fit: contain !important; /* Taşmayı önler */
            display: block !important; /* Görseli düzgün bir şekilde hizalar */
            transform: translateY(2px) !important; /* İkonu aşağı kaydır */
        }

        .details .icon-container .circle:first-child .icon-img {
            position: relative;
            top: -2px; /* Yukarı doğru 2 piksel kaydır */
        }



        .details .icon-container {
            position: absolute;
            bottom: 550px; /* Aşağıdan 20px mesafede */
            right: 20px; /* Sağdan 20px mesafede */
            display: flex;
            gap: 10px; /* Yuvarlaklar arasındaki boşluk */
        }

        @media (max-width: 768px) {
            .details .icon-container {
                bottom: 540px; /* Mobilde daha yukarı taşımak için aşağıdan mesafeyi küçült */
                right: 20px; /* Sağdan mesafeyi koru */
                position: absolute;
                display: flex;
                gap: 10px; /* İkonlar arasındaki boşluk */
            }
        }

        .details .header {
            font-size: 35px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 20px;
        }

        .details strong {
            display: inline-flex;
            align-items: center;
            font-size: 36px;
            margin-bottom: 20px;
            color: #fff;
            font-weight: bold;
        }

        .details p {
            display: flex;
            align-items: center;
            margin: 15px 0;
            font-size: 16px;
            color: rgb(255, 255, 255);
            font-weight: 600;
        }

        .details p:last-child {
            font-weight: normal;
            margin-top: 20px;
            color: #c5c5c4;
        }

        .details p .info-icon {
            display: inline-block;
            width: 14px;
            height: 14px;
            color: #fff;
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            line-height: 14px;
            border: 2px solid #fff;
            border-radius: 50%;
            margin-right: 8px;
        }

        .btc-container {
            display: flex;
            align-items: center;
            font-size: 36px;
            color: #fff;
            font-weight: bold;
        }

        .copy-icon {
            margin-left: 10px;
            cursor: pointer;
            width: 45px;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: #333;
            position: relative;
            box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
            transition: all 0.3s ease;
        }

        .copy-icon:hover {
            background-color: #000;
        }
        .copy-icon:active {
            transform: scale(1.3); /* Tıklanırken butonun biraz küçülmesini sağlar */
        }

        .copy-icon::before,
        .copy-icon::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 12px;
            border: 2px solid #fff;
            background-color: transparent;
            border-radius: 4px;
            transform: translate(-50%, -50%);
        }

        .copy-icon::before {
            top: 50%;
            left: 50%;
            z-index: 2;
            background-color: #333;
            transform: translate(-55%, -45%);
        }

        .copy-icon::after {
            top: calc(50% - 2px);
            left: calc(50% + 2px);
            z-index: 1;
            background-color: transparent;
        }

        .copy-alert {
            position: fixed;
            top: 20px;
            right: 20px;
            background-color: #4caf50; /* Yeşil renk */
            color: white;
            padding: 10px 30px; /* Daha geniş padding */
            border-radius: 5px;
            font-size: 14px; /* Yazı boyutunu küçült */
            font-weight: normal; /* Kalın yazıyı kaldır */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            opacity: 0;
            transform: translateY(-20px);
            transition: opacity 0.5s ease, transform 0.5s ease;
            z-index: 1000;
            display: none; /* Başlangıçta gizli */
        }

        .qr-container {
            background-color: #252525;
            padding: 15px 20px;
            border-radius: 15px;
            display: flex;
            flex-direction: column;
            gap: 15px;
            position: relative;
            margin-top: 30px; /* Üstten 20px boşluk bırak */
        }

        .qr-container-inner {
            display: flex;
            align-items: flex-start; /* Dikeyde üstte hizala */
            justify-content: flex-start; /* Solda hizala */
            gap: 10px; /* QR kod ve yazılar arasındaki boşluk */
        }

        .qr-code {
            width: 50px;
            height: 50px;
            flex-shrink: 0;
            margin-left: -65px; /* Sol kenara 10px daha yaklaş */
        }

        .qr-divider {
            width: calc(100% + 40px); /* QR kenarına tam oturması için */
            height: 1px;
            background-color: #444;
            margin: 0 -20px 15px -20px; /* Kenar boşluklarını kaldır ve altına boşluk bırak */
            align-self: stretch; /* Tam genişlik */
        }

        .wallet-info {
            display: flex;
            flex-direction: column; /* Yazıları dikey hizala */
            gap: 8px; /* Yazılar arasındaki boşluk */
            flex: 1; /* Yazılar alanını genişlet */
            word-wrap: break-word; /* Uzun yazıları taşırma */
            overflow: hidden; /* Taşmaları gizle */
            text-align: left; /* Yazıları sola hizala */
        }

        @media (max-width: 768px) {
            .wallet-info {
                padding-left: 5px; /* Soldan boşluk ekle */
                padding-right: 0px; /* Sağdan boşluk ekle */
                margin-right: -30px; /* Sağ tarafa daha fazla genişlet */
                margin-left: -8px; /* Sol tarafı geri çek */
            }
        }


        .wallet-info .title {
            font-size: 15px;
            color: #747474;
            font-weight: 500;
            white-space: nowrap; /* Tek satırda kalmasını sağla */
            overflow: hidden;
            text-overflow: ellipsis; /* Uzun yazılarda "..." göster */
        }

        .wallet-info .address {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            white-space: nowrap; /* Tek satırda kalmasını sağla */
            overflow: hidden;
            text-overflow: ellipsis; /* Uzun yazılarda "..." göster */
        }

        @media (max-width: 768px) {
            .wallet-info .address {
                font-size: 14px; /* Yazı boyutunu küçült */
                color: #fff; /* Yazı rengini koru */
                font-weight: bold; /* Kalınlığı koru */
                white-space: nowrap; /* Tek satırda kalmasını sağla */
                overflow: hidden; /* Taşmaları gizle */
                text-overflow: ellipsis; /* Uzun yazılarda "..." göster */
                padding-right: 20px; /* Sağdan boşluk azalt */
                max-width: 80%; /* Yazının genişliğini sınırla */
            }
        }


        .wallet-info .note {
            font-size: 14px;
            color: #747474;
            font-weight: 400;
            word-wrap: break-word;
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .wallet-info .note {
                font-size: 14px; /* Yazı boyutunu koru */
                color: #747474; /* Yazı rengini aynı bırak */
                font-weight: 400;
                line-height: 1.5; /* Satır yüksekliği */
                word-wrap: break-word; /* Uzun kelimeleri kır */
                overflow-wrap: break-word; /* Kelimeleri sınır içinde tut */
                white-space: normal; /* Yazının alt satıra kaymasına izin ver */
                overflow: hidden; /* Taşmaları gizle */
                text-overflow: ellipsis; /* Uzun metinlerde "..." ekle */
                margin: 0; /* Gereksiz dış boşlukları kaldır */
                padding: 5px; /* İç boşluk ekle */
            }

            .wallet-info {
                max-width: 100%; /* Container genişliğini ekran boyutuna göre ayarla */
                overflow: hidden; /* Taşmaları gizle */
            }
        }


        .address-container {
            display: flex;
            align-items: center; /* İkon ve adresi dikeyde hizalar */
            gap: 10px; /* Adres ve ikon arasındaki boşluk */
            white-space: nowrap; /* Adresin taşmasını engeller */
            overflow: hidden; /* Adresi taşırma durumunda gizler */
            text-overflow: ellipsis; /* Adresi "..." ile keser */
        }

        .address {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; /* Tek satırda tut */
        }

        .address-copy-icon {
            cursor: pointer;
            width: 20px;
            height: 20px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
        }

        @media (max-width: 768px) {
            .address-copy-icon {
                transform: translateX(-25px); /* İkonu 5px sola kaydır */
            }
        }

        .address-copy-icon::before,
        .address-copy-icon::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 12px;
            border: 2px solid #fff;
            background-color: transparent;
            border-radius: 3px; /* Köşeleri yumuşat */
            transform: translate(-50%, -50%);
        }

        .address-copy-icon::before {
            z-index: 2;
            top: 50%;
            left: 50%;
            background-color: #333; /* Öndeki kare rengi */
            transform: translate(-55%, -45%);
        }

        .address-copy-icon::after {
            z-index: 1;
            top: calc(50% - 2px); /* Arkadaki kare konumu */
            left: calc(50% + 2px);
            background-color: transparent; /* Şeffaf renk */
        }

        .spin-container .top-divider {
            width: 100%; /* Çizgi genişliği */
            height: 1px; /* Çizgi kalınlığı */
            background-color: #444; /* Çizgi rengi */
            margin-bottom: 10px; /* Çizgi alt boşluğu */
        }

        .spin-container-inner {
            display: flex; /* Spinleri yan yana hizala */
            align-items: center; /* Ortala */
            justify-content: space-between; /* Spinler arasında boşluk bırak */
            width: 100%; /* Tam genişlik */
            gap: 20px; /* Spinler ve yazılar arasındaki boşluk */
        }

        .spin-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%; /* Genişlik tam kapsar */
            gap: 10px;
            position: relative;
        }

        /* Expiration Time Yazı Stili */
        .spin-wrapper p {
            font-size: 17px; /* Yazı boyutu */
            font-weight: 500; /* Daha az kalın görünüm */
            color:rgb(185, 185, 185); /* Soluk beyaz */
            margin: 0;
            text-align: left; /* Sola hizala */
        }

        @media (max-width: 768px) {
            /* Expiration Time Yazı Stili (Mobil için) */
            .spin-wrapper p {
                font-size: 15px; /* Daha küçük yazı boyutu */
                font-weight: 400; /* Daha hafif yazı kalınlığı */
                line-height: 1.2; /* Satır yüksekliğini küçült */
                color: rgb(185, 185, 185); /* Soluk beyaz rengi koru */
                margin: 0;
                text-align: left; /* Sola hizala */
                word-wrap: break-word; /* Uzun kelimeleri satır içinde böl */
                overflow: hidden; /* Taşan içerikleri gizle */
                text-overflow: ellipsis; /* Taşan yazılar için '...' ekle */
            }
        }

        

        /* Süre Sayacı Stili */
        .spin-wrapper span {
            font-size: 17px; /* Süre yazısı boyutu */
            font-weight: 700; /* Normal kalınlık */
            color: #3ac270; /* Başlangıçta yeşil */
            margin-top: 5px;
            text-align: left; /* Sola hizala */
            display: block;
            line-height: 1.5; /* Daha düzgün hizalama */
            transition: color 0.3s ease; /* Renk geçiş efekti */
        }


        .spin-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 1;
            text-align: left;
        }

        /* Genel Spinner Stilleri */
        .circle-loader {
            width: 50px;
            height: 50px;
            border-radius: 50%; /* Daire şeklinde */
            position: relative;
            background: transparent; /* İç kısmı tamamen boş */
            border: 5px solid #444; /* Arka plan çerçevesi */
            border-top: 5px solid #0f0; /* Dolan renk */
            animation: spin 3600s linear infinite; /* 1 saat boyunca dolma */
        }

        /* Expiration Time Spinner */
        .expiration-spinner {
            width: 50px; /* Spinner genişliği */
            height: 50px; /* Spinner yüksekliği */
            border-radius: 50%; /* Halka şekli */
            background: conic-gradient(
                #263c2f 0%, /* Başlangıç boş renk */
                #263c2f 100% /* Tamamen boş */
            );
            transform: rotate(0deg); /* Üstten başlamak için */
            position: relative;
        }

        /* İçi dolu ve #252525 renginde yapmak için */
        .expiration-spinner::before {
            content: "";
            width: 40px; /* İç boşluğun genişliği */
            height: 40px; /* İç boşluğun yüksekliği */
            background: #252525; /* İç kısım rengi */
            border-radius: 50%; /* Daire şekli */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1; /* Dolum renginin altına */
        }

        @media (max-width: 768px) {
            .expiration-spinner {
                width: 60px; /* Spinner genişliği */
                height: 50px; /* Spinner yüksekliği */
                margin-right: 3px; /* Sola kaydırmak için negatif margin */

            }
        }
        
        /* Dolum Animasyonu */
        @keyframes progress-spin {
            0% {
                background: conic-gradient(
                    #263c2f 0%, /* Başlangıçta boş renk */
                    #263c2f 100% /* Tamamen boş */
                );
            }
            75% {
                background: conic-gradient(
                    #3ac270 0% 75%, /* İlk 45 dakika: Yeşil */
                    #263c2f 75% 100% /* Boş kalan kısım */
                );
            }
            91% {
                background: conic-gradient(
                    #ffa500 0% 91%, /* 45-55 dakika: Turuncu */
                    #263c2f 91% 100% /* Boş kalan kısım */
                );
            }
            100% {
                background: conic-gradient(
                    #f00 0% 100%, /* Son 5 dakika: Kırmızı */
                    #f00 100% 100% /* Tamamen dolmuş */
                );
            }
        }

        /* Confirmations Spinner */
        .confirmations-spinner {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 6vh;
            margin: 0;
            background-color: transparent;
        }
		
        svg {
            width: 50px;
            height: 50px;
            animation: rotate 4s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
            /* cubic-bezier ile yavaş başlama ve bitirme */
        }		

        /* Animasyon tanımı */
        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(360deg); /* Yarı dönüş */
            }
            100% {
                transform: rotate(720deg); /* Tam dönüş */
            }
        }

        .divider {
            height: calc(100% + 45px); /* Çizginin yüksekliğini container'ın altına göre ayarla */
            width: 1px; /* Çizginin genişliği */
            background-color: #444; /* Çizginin rengi */
            position: absolute; /* Konumlandırma için */
            left: 50%; /* Yatayda tam ortala */
            transform: translateX(-50%); /* Yatay konum için düzeltme */
            top: -30px; /* Çizgiyi container'ın üst kısmından biraz aşağı başlat */
        }

        .spin-text {
            font-size: 14px; /* Yazı boyutunu küçült */
            color: #ccc; /* Yazı rengini ayarla */
            font-weight: 500; /* Yazıyı hafif kalın yap */
            line-height: 1.2; /* Satır yüksekliğini ayarla */
        }

        /* OR Çizgisi ve Yazı */
        .or-divider-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 30px; /* Çizgi ve yazı arası boşluk */
            margin: 30px 0; /* Üst ve alt boşluk */
        }

        .or-divider-container .line {
            width: calc(50% - 50px); /* Çizgi uzunluğunu kontrol etmek için */
            height: 0.7px; /* Çizgi inceliğini ayarlamak için */
            background-color: #444; /* Çizgi rengi */
        }

        .or-divider-container .or-text {
            font-size: 15px;
            font-weight: bold;
            color: rgba(214, 214, 214, 0.77); /* %85 opaklık ile soluk beyaz */
            text-align: center;
        }

        

        .tooltip-button {
            position: relative;
            display: inline-block; /* Flex düzeni kaldırıldı */
            background-color: rgba(147, 147, 147, 0.71); /* Orijinal arka plan rengi */
            color: #000;
            font-size: 17px;
            font-weight: 400;
            padding: 15px 20px;
            border-radius: 12px;
            border: none;
            width: 100%;
            height: 55px;
            cursor: pointer;
            text-align: center;
        }
        

        .cube-icon {
            position: absolute; /* İkonun konumunu manuel kontrol etmek için */
            left: 135px; /* İkonun sol konumu */
            top: 50%; /* Ortalamak için */
            transform: translateY(-50%); /* Dikey olarak ortala */
            width: 75px; /* Daha küçük ikon boyutu */
            height: 75px;
            object-fit: contain;
        }

		@media (max-width: 768px) {
			.tooltip-button.cryptomus-button {
				display: flex; /* Flex düzeni etkinleştir */
				align-items: center; /* Dikeyde ortala */
				justify-content: center; /* Varsayılan olarak merkezde tut */
				padding: 8px 15px; /* İç kenar boşlukları */
				height: 55px; /* Sabit buton yüksekliği */
				position: relative; /* İkon ve yazı için referans noktası */
				text-align: left; /* Yazıyı sola hizala */
			}

			.cube-icon {
				position: absolute; /* İkonun konumunu manuel kontrol etmek için */
				left: 45px; /* İkonun sol konumu */
				top: 50%; /* Ortalamak için */
				transform: translateY(-50%); /* Dikey olarak ortala */
				width: 75px; /* Daha küçük ikon boyutu */
				height: 75px;
				object-fit: contain;
			}

			.cryptomus-text {
				font-size: 16px; /* Yazı boyutu */
				font-weight: 500; /* Yazı kalınlığı */
				white-space: nowrap; /* Yazının taşmasını engelle */
				position: relative; /* Manuel konumlandırma */
				left: 110px !important; /* Yazının sola kaydırılması için ayar */
			}
		}








        .tooltip-button span {
            position: absolute; /* Yazıyı manuel kontrol etmek için */
            left: 200px; /* Yazının sol konumu (ikona göre ayarlandı) */
            top: 50%; /* Ortalamak için */
            transform: translateY(-50%); /* Dikey olarak ortala */
        }

        /* Tooltip stili */
        .tooltip {
            visibility: hidden;
            width: 250px; /* Tooltip genişliği */
            background-color: #fff; /* Beyaz arka plan */
            color: #000; /* Siyah yazı */
            text-align: center;
            padding: 10px;
            border-radius: 6px; /* Köşeleri yuvarlat */
            position: absolute;
            z-index: 1;
            bottom: 120%; /* Butonun üstüne konumlandır */
            left: 50%; /* Yatayda ortala */
            transform: translateX(-50%);
            opacity: 0; /* Görünmez yap */
            transition: opacity 0.3s, transform 0.3s;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .tooltip::after {
            content: "";
            position: absolute;
            top: 100%; /* Tooltip'in altına yerleştir */
            left: 50%; /* Ortalamak için */
            margin-left: -5px; /* Üçgeni ortala */
            border-width: 5px; /* Üçgen boyutu */
            border-style: solid;
            border-color: #fff transparent transparent transparent; /* Üçgen rengi */
        }

        .tooltip p {
            font-size: 14px; /* Yazı boyutu */
            margin: 0;
        }

        .tooltip a {
            color: #007bff; /* Mavi renkli bağlantı */
            text-decoration: none;
            font-weight: bold;
        }

        .tooltip a:hover {
            text-decoration: underline; /* Üstüne gelindiğinde alt çizgi */
        }

        /* Hover durumunda tooltip göster */
        .tooltip-button:hover .tooltip {
            visibility: visible;
            opacity: 1;
            transform: translateX(-50%) translateY(-5px); /* Hafif yukarı kaydır */
        }

        /* Yan Yana Butonlar için Kapsayıcı */
        .secondary-buttons-container {
            display: flex; /* Butonları yan yana hizala */
            gap: 10px; /* Butonlar arasına boşluk */
            justify-content: space-between; /* Boşluğu eşit dağıt */
            align-items: center; /* Dikeyde ortala */
            margin-top: 10px; /* Üstteki öğeden 20px boşluk bırak */
        }

        /* Yan Yana Orta Boy Butonlar */
        .secondary-button {
            display: flex; /* Flex düzen */
            align-items: center; /* Dikeyde ortala */
            justify-content: flex-start; /* İçeriği sola hizala */
            gap: 5px; /* İkon ve yazı arasındaki boşluk */
            width: auto; /* Sabit genişlik yerine içerik kadar genişlik */
            height: 55px; /* Sabit yükseklik */
            padding: 0 15px; /* İçerik boşluğu (yatayda) */
            font-size: 16px; /* Yazı boyutu */
            font-weight: 400; /* Yazı kalınlığı (normal) */
            color: #000; /* Siyah yazı rengi */
            background-color: rgba(147, 147, 147, 0.71); /* Soluk beyaz arka plan */
            border: none; /* Kenar çizgisi yok */
            border-radius: 12px; /* Daha yuvarlak kenarlar */
            text-align: left; /* Yazıyı sola hizala */
            box-sizing: border-box; /* Kenar dolgularını da genişliğe dahil eder */
            position: relative; /* Tooltip için referans */
            cursor: pointer; /* Tıklanabilir imleç */
            overflow: visible; /* Tooltip'in taşmasını sağlar */
            flex: 1; /* Tüm butonların eşit genişlikte olmasını sağlar */
            max-width: 300px; /* Maksimum genişlik sınırı */
        }


        /* Tooltip Genel Ayarları */
        .secondary-button .tooltip {
            visibility: hidden;
            width: 200px; /* Tooltip genişliği */
            background-color: #fff; /* Beyaz arka plan */
            color: #000; /* Siyah yazı rengi */
            text-align: center;
            padding: 10px;
            border-radius: 6px; /* Köşeleri yuvarlat */
            position: absolute;
            z-index: 1;
            bottom: 110%; /* Butonun üstünde yer alır */
            left: 50%; /* Yatayda ortalar */
            transform: translateX(-50%);
            opacity: 0; /* Görünmez yap */
            transition: opacity 0.3s ease, transform 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        /* Tooltip Ok Stili */
        .secondary-button .tooltip::after {
            content: "";
            position: absolute;
            top: 100%; /* Tooltip'in altına yerleştir */
            left: 50%; /* Ortalamak için */
            transform: translateX(-50%);
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent; /* Tooltip oku */
        }

        /* Tooltip Gösterimi */
        .secondary-button:hover .tooltip {
            visibility: visible;
            opacity: 1;
            transform: translateX(-50%) translateY(-5px); /* Tooltip yukarı kaydır */
        }

        /* İkonlar için Stil */
        .secondary-button .button-icon {
            width: 25px; /* İkon genişliği */
            height: 25px; /* İkon yüksekliği */
            object-fit: contain; /* İkonun düzgün bir şekilde sığması */
            flex-shrink: 0; /* İkonun boyutunun küçülmesini engelle */
        }




		@media (max-width: 768px) {
			/* Mobilde Butonların Hizalanması */
			.secondary-buttons-container {
				gap: 8px; /* Daha küçük bir boşluk bırak */
				margin-top: 10px; /* Üstten aynı boşluğu bırak */
			}

			/* Mobilde Buton Stili */
			.secondary-button {
				padding-left: 20px; /* Yazı ve ikonları biraz sola kaydır */
				padding-right: 20px; /* Sağdaki boşluğu artır */
				justify-content: flex-start; /* Yazıyı ve ikonu sola hizala */
			}

			/* Mobilde İkon Stili */
			.secondary-button .button-icon {
				margin-left: -5px; /* İkonu yazıya göre biraz daha sola kaydır */
			}
		}




        .footer {
            position: absolute; /* Secondary-buttons-container'a göre sabitlenir */
            top: calc(100% + 20px); /* Secondary-buttons-container'ın altından 20px boşluk bırakır */
            left: 50%; /* Ortala */
            transform: translateX(-50%); /* Yatayda tam merkezleme */
            font-size: 14.5px; /* Yazı boyutunu biraz büyüt */
            color: #bbb; /* Genel yazı rengi */
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3px; /* Yazılar ve ikonlar arasında boşluk */
            background-color: transparent; /* Arka plan rengi kaldır */
            padding: 0; /* Fazla boşluk kaldırıldı */
            z-index: 10; /* Üstte görünmesini sağlar */
        }

        .footer p {
            margin: 0; /* Varsayılan dış boşluğu kaldır */
            color: #727272; /* Yazı rengi */
            font-weight: 400; /* Yazı kalınlığı (normal) */
        }

        .footer .policy-title a {
            font-size: 14px; /* Yazı boyutunu büyüt */
            font-weight: 500; /* Hafif kalın yazı */
            color: #727272; /* Soluk beyaz renk */
            text-decoration: underline; /* Alt çizgili yap */
            text-underline-offset: 2px; /* Alt çizgi ile yazı arasındaki mesafe */
            text-align: center; /* Ortala */
            margin-bottom: 2px; /* Altındaki yazıyla boşluk */
        }

        .footer-icons {
            display: flex;
            justify-content: center;
            gap: 15px; /* İkonlar arasındaki boşluk */
            margin-top: 15px; /* Yazılarla ikonlar arasındaki boşluğu artırmak için */
        }

        .icon {
            width: 36px; /* İkon genişliği */
            height: 36px; /* İkon yüksekliği */
            border-radius: 50%; /* Yuvarlak görünüm */
            background-color: #fff; /* İkon arka plan rengi */
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer; /* Tıklanabilir gösterim */
            transition: background-color 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Gölge efekti */
            overflow: hidden; /* İçerik taşmasını engelle */
        }

        .icon img {
            width: 70%; /* İkonun boyutunu ayarla */
            height: 70%; /* İkonun boyutunu ayarla */
            object-fit: contain; /* Görselin taşmamasını sağlar */
            display: block; /* Ortalamayı garanti eder */
        }


        /* Tooltip Yazısı */
        .tooltip-text {
            visibility: hidden; /* Varsayılan olarak gizle */
            width: 250px; /* Tooltip genişliği */
            background-color: #fff; /* Beyaz arka plan */
            color: #000; /* Siyah yazı */
            text-align: center; /* Ortala */
            padding: 10px; /* İçerik boşluğu */
            border-radius: 6px; /* Köşeleri yuvarlat */
            position: absolute; /* Konumlandırma */
            z-index: 1; /* Üstte gösterim */
            bottom: 125%; /* İkonun üstüne konumlandır */
            left: 50%; /* Ortalamak için */
            transform: translateX(-50%); /* X ekseninde merkezle */
            opacity: 0; /* Görünmez yap */
            transition: opacity 0.3s; /* Yumuşak geçiş efekti */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            font-size: 14px; /* Yazı boyutu */
        }

        /* Kalın Yazı İçin */
        .tooltip-text strong {
            font-weight: bold; /* Kalın yazı */
        }

        /* Tooltip Oku */
        .tooltip-text::after {
            content: "";
            position: absolute;
            top: 100%; /* Tooltip'in altına yerleştir */
            left: 32%; /* Ortala */
            margin-left: -5px; /* Üçgeni ortala */
            border-width: 5px; /* Üçgen boyutu */
            border-style: solid;
            border-color: #fff transparent transparent transparent; /* Üçgen rengi */
        }

        /* Hover Durumunda Tooltip Görünür */
        .circle:hover .tooltip-text {
            visibility: visible; /* Görünür yap */
            opacity: 1; /* Tam opaklık */
        }

        /* Mobil için özel düzenlemeler */
        @media (max-width: 768px) {
            .tooltip-text {
                max-width: 180px; /* Tooltip genişliğini küçült */
                font-size: 11px; /* Daha küçük yazı boyutu */
                padding: 7px; /* Daha dar içerik boşluğu */
                bottom: 140%; /* Daha yukarı konumlandır */
                left: 50%; /* Ortalamak için */
                transform: translateX(-50%); /* X ekseninde merkezle */
            }

            .tooltip-text::after {
                top: 100%; /* Üçgeni tooltip'in altına yerleştir */
                left: 25%; /* Üçgeni biraz sola kaydır */
                transform: translateX(-50%); /* X ekseninde merkezleme */
                margin-left: 0; /* Ekstra margin kaldırıldı */
                border-width: 4px; /* Üçgen boyutu */
                border-style: solid; /* Üçgenin görünmesi için */
                border-color: #fff transparent transparent transparent; /* Üçgen rengi */
            }
        }