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

body{
background:#23467a;
}

/* SECTION DON */

.don-hero{

height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;

background:linear-gradient(
180deg,
#1f3f6d,
#2e5592
);

}

.don-container{
max-width:700px;
padding:20px;
}

.don-icon{

width:70px;
height:70px;

background:rgba(255,255,255,0.1);

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

margin:auto;
margin-bottom:25px;

font-size:30px;
color:#f2b632;

}

h1{
font-size:48px;
margin-bottom:15px;
}

.don-description{

color:#d5d5d5;
font-size:18px;
line-height:1.6;

margin-bottom:40px;

}

/* MONTANTS */

.don-amounts{

display:flex;
justify-content:center;
gap:20px;
margin-bottom:35px;

flex-wrap:wrap;

}

.don-amounts button{

width:90px;
height:70px;

background:transparent;
border:2px solid #f2b632;

color:white;
font-size:20px;
font-weight:bold;

border-radius:10px;

cursor:pointer;
transition:0.3s;

}

.don-amounts button:hover{

background:#f2b632;
color:#1f3f6d;

}

/* BOUTON PRINCIPAL */

.don-main-btn{

background:#f2b632;

border:none;

padding:15px 35px;

font-size:18px;
font-weight:bold;

border-radius:8px;

cursor:pointer;

color:#1f3f6d;

transition:0.3s;

margin-bottom:20px;

}

.don-main-btn:hover{

background:#ffd457;

}

/* INFO */

.don-info{

color:#cfcfcf;
font-size:14px;

}
/* Bouton retour */

.retour-btn{

position:absolute;

top:25px;
right:40px;

background:#f2b632;

color:#1f3f6d;

padding:10px 18px;

border-radius:6px;

font-weight:bold;

text-decoration:none;

transition:0.3s;

}

.retour-btn:hover{

background:#ffd457;

}