.points{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    height:100%;
    gap: 30px 30px;
    transform: scale(0.55);
}

/* Style coração */

.content-coracao {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height:100px;



}

.square {
transform: rotate(45deg);
width: 50px;
height: 50px;
position: absolute;
top: 30px;
}

.circle:after,
.circle:before {
content: "";
position: absolute;
width: 54px;
height: 55px;
border-radius: 50%;
background-color: inherit;

}

.circle:after {
left: 5px;
top: 6px;
}

.circle:before {
right: 5px;
top: 6px;
}