.ressources > div {
    background-color: var(--cyan);
    border-radius: 20px;
    padding: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    cursor: pointer;
    border: 5px solid var(--cyan);
    transition: all .2s;
}

.ressources h3 {
    color: white;
    text-align: center;
    max-width: 240px;
    transition: all .2s;
}

.ressources p {
    text-align: center;
    max-width: 240px;
    transition: all .2s;
}

.ressources .et_pb_text_inner p:first-child {
    background-color: white;
    display: flex;
    justify-content: center;
    width: max-content;
    margin: auto;
    padding: 25px;
    border-radius: 60px;
    margin-bottom: 15px;
    transition: all .2s;
}

.ressources a {
    color: white;
    transition: all .2s;
}

.ressources  > div .et_pb_text_inner p:first-child > img {
    transition: all .2s;
}

.ressources  > div .et_pb_text_inner p:first-child > img:nth-child(2) {
    display: none;
}

.ressources > div:hover {
    background-color: white;
    color: var(--cyan);
}

.ressources > div:hover .et_pb_text_inner p:first-child {
    background-color: var(--cyan);
}

.ressources > div:hover a {
    color: var(--cyan);
}

.ressources  > div:hover .et_pb_text_inner p:first-child > img:nth-child(2) {
    display: initial;
}

.ressources > div:hover .et_pb_text_inner p:first-child > img:first-child {
    display: none;
}