.gradient-404{
    position: absolute;
    width: 100%;
    height: 200vh;
    top: -50vh;
    right: 0;
    background: radial-gradient(farthest-corner at 180% 75vh, #ebf0f2 -400%, #121212 60%);
    z-index: -1;
}



.container-404{
    position: relative;
    height: 100vh;
    color: #ebf0f2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 20px;
}
.number-404{
    font-size: clamp(100px, calc(40px + 10vw), calc(40px + 10vw));
    line-height: clamp(100px, calc(40px + 10vw), calc(40px + 10vw));;
    font-family: 'cd-sb', sans-serif;
    color: #befc03;
    white-space: nowrap;
}
.oops-404{
    font-size: 20px;
    color: #befc03;
    text-transform: uppercase;
}
.texte-404{
    font-size: 20px;
    color: #ebf0f2;
    margin-top: calc(10px + 2vw);
    text-align: center;
}
.bouton-404{
    margin-top: calc(5px + 0.5vw);
    background-color: #ebf0f208;
    font-size: 18px;
    padding: 15px 22px;
    border-radius: 22px;
    transition: all 0.5s cubic-bezier(.45,-0.01,.21,.99);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    color: #befc03;
}
.bouton-404:hover{
    background-color: #ebf0f212;
    transform: scale(1.03);
    color: #befc03;
}