.ressource__presentation {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.ressource__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}

.ressource__buttons a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: #551a8b;
}

.ressource__buttons a:visited {
    color: #551a8b;
}

.ressource__buttons a:hover {
    color: blue;
}

.ressource__presentation p {
    margin: 0;
}

.ressource__contenu {
    margin-right: 10px;
    margin-left: 10px;
}

@media screen and (min-width: 600px) {
    .ressource__contenu {
        margin: auto;
        width: 84%;
    }

    .ressource__presentation p, .ressource__buttons a {
        font-size: 17px;
    }

    .ressource__buttons a span.material-icons {
        font-size: 23px;
    }
}

@media screen and (min-width: 1000px) {
    .ressource__contenu {
        width: 70%;
    }

    .ressource__presentation p, .ressource__buttons a {
        font-size: 19px;
    }

    .ressource__buttons a {
        gap: 5px;
    }

    .ressource__buttons a span.material-icons {
        font-size: 27px;
    }
}

@media screen and (min-width: 1400px) {
    .ressource__contenu {
        width: 57%;
    }

    .ressource__presentation p, .ressource__buttons a {
        font-size: 20px;
    }

    .ressource__buttons a {
        gap: 7px;
    }

    .ressource__buttons a span.material-icons {
        font-size: 30px;
    }
}