.hero{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 82px 0px 0px 56px;
}
.hero .left-hero{
    width: 608px;
    height: 352px;
}
.hero .text{
    display: flex;
    flex-direction: column;
}
.hero h1{
    font-family: 'DM Serif Display';
    font-size: 64px;
}
.hero p{
    font-size: 24px;
    margin-top: 24px;
    font-size: 'Montserrat';
}
.hero .button{
    width: 250px;
    height: 64px;
    background-color: var(--green);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-top: 40px;
}
.hero .button .button-hero{
    color: var(--white);
    font-size: 18px;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: bold;
}
.hero .button:hover{
    opacity: 90%;
}