.author-box {
    max-width: 95%;
    margin: 50px auto; /* Yukarıdan ve aşağıdan 50px boşluk, ortalanmış */
    padding: 20px;
    display: flex;
    align-items: flex-start; /* Resim ve metin hizalama */
    background-color: #fff; /* Arka plan rengi */
    border: 1px solid #ddd; /* Çerçeve */
    border-radius: 16px; /* Köşeleri yuvarla */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Hafif gölge */
    text-align: left;
    flex-wrap: nowrap; /* Çocuk elemanların alt alta geçmesini engelle */
    gap: 20px; /* Resim ve içerik arasında boşluk */
}

.author-box img {
    flex-shrink: 0; /* Resmin boyutunu sabit tut */
    width: 150px; /* Resim genişliği */
    height: 150px; /* Resim yüksekliği */
    border-radius: 100%; /* Köşeleri yuvarla */
    object-fit: cover; /* Görselin düzgün kesilmesi */
    border: 2px solid #ddd; /* Resim çerçevesi */
}

.author-box-content {
    flex-grow: 1; /* İçeriğin kalan alanı kaplamasını sağla */
    max-width: calc(100% - 170px); /* Resim genişliği ve boşluk toplamını çıkar */
}

.author-box-content p.reviewed {
    margin: 0 0 10px;
    font-size: 20px; /* Büyük font */
    line-height: 28px;
    padding: 10px 0;
    color: #00ACB9; /* Yeşil renk */
    font-weight: 400;
}

.author-box-content p.reviewed span {
    font-weight: 900;
    color: #000;
}

.author-box-content p {
    margin: 5px 0;
    font-size: 16px;
    color: #192230; /* Siyah renk */
}

.author-box-links {
    margin-top: 10px;
    display: flex;
    gap: 10px; /* Linkler arasında boşluk */
    flex-wrap: wrap;
}

.author-box-links a {
    padding: 8px 12px;
    font-size: 14px;
    text-decoration: none;
    border: #00ACB9 1px solid;
    background-color: #fff; /* Buton arka plan */
    color: #000; /* Buton yazı rengi */
    border-radius: 5px;
    transition: all 0.3s ease;
}

.author-box-links a:hover {
    background-color: #007882; /* Daha koyu yeşil */
    color: #fff; /* Yazı beyaz */
}

/* Mobil Görünüm (Ekran genişliği 768px'den küçükse) */
@media (max-width: 768px) {
    .author-box {
        flex-direction: column; /* Resim ve içerik alt alta */
        align-items: center; /* Ortala */
        text-align: center; /* İçeriği ortala */
    }

    .author-box img {
        margin-bottom: 20px;
    }
	.author-box-content {
		max-width: 100%; /* Resim genişliği ve boşluk toplamını çıkar */
	}
    .author-box-content p.reviewed {
        text-align: center;
    }

    .author-box-content p {
        text-align: center;
    }

    .author-box-links {
        justify-content: center;
    }
}