@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');  

* {  
    padding: 0;  
    margin: 0;  
    box-sizing: border-box;  
}  

.cookies-box {  
    position: fixed;  
    max-width: 98%;  
    left: 0;  
    right: 0;  
    bottom: -300px;  
    width: 100%;  
    background-color: #000000c9;  
    padding: 15px;  
    margin: 0 auto;  
    color: #112d32;  
    transition: all 0.3s ease;  
    display: flex;            
    justify-content: space-between;   
    align-items: center;    
    border-radius: 10px 10px 0 0;
}  

.cookies-box.show {  
    bottom: 0px;  
}  

.cookies__content {  
    flex: 1;                 
}  

.cookies__title {  
    margin: 0;  
    padding: 0;  
    line-height: 1.2;   
    color: white;  
    font-weight: bold;  
}  

.cookies__text {  
    font-size: 12px;  
    line-height: 1.4;   
    color: white;  
}  

.cookies__title,  
.cookies__text {  
    margin-bottom: 5px;  
}  

.cookies__link {  
    margin-left: 10px;  
    display: inline-block;  
    color: #922731;  
    font-weight: bold; 
}  

.cookies__buttons {  
    display: flex;       
}  

.cookies__btn {  
    font-size: 12px;  
    padding: 2px 15px;  
    border-radius: 3px;  
    border: none;  
    transition: background 0.3s, border 0.3s;  
    cursor: pointer;  
}  

.cookies__btn--accept {  
    margin-right: 15px;       
    background-color: #02691a; /* Yeşil için arka plan rengi */  
    color:white;
}  

.cookies__btn--decline {  
    background-color: #6b1019; /* Kırmızı için arka plan rengi */  
    color:white;
}  

.cookies__btn--accept:hover {  
    background-color: #218838; /* Üzerine gelindiğinde daha koyu yeşil */  
}  

.cookies__btn--decline:hover {  
    background-color: #c82333; /* Üzerine gelindiğinde daha koyu kırmızı */  
}  

.cookies__link:hover {  
    color: #31708e;  
}  

/* Mobil cihazlar için stil ayarları */  
@media (max-width: 768px) {  
    .cookies-box {  
        flex-direction: column; /* Dikey düzen için */  
        align-items: center; /* Mobilde içerikleri yatayda ortala */  
    }  

    .cookies__content {  
        text-align: center; /* Mobilde yazıları ortalamak için */  
    }  

    .cookies__buttons {  
        justify-content: center; /* Mobilde butonları ortalamak için */  
        margin-top: 10px; /* Butonlar ile metin arasında boşluk oluştur */  
    }  
}