* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --Green-500: hsl(158, 36%, 37%);
    --Green-700: hsl(158, 42%, 18%);
    --Black: hsl(212, 21%, 14%);
    --Grey: hsl(228, 12%, 48%);
    --Cream: hsl(30, 38%, 92%);
    --White: hsl(0, 0%, 100%);
}

body {
    background-color: var(--Cream);
}
.container{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-card{
    width: 300px;height: 400px;
    background-image: url(image-product-desktop.jpg);
    background-size: 300px;
}
.text-card{
    width: 300px;height: 400px;
    background-color: var(--White);
    padding: 20px;
}
button{
    width: 15rem;
    position: relative;
    top: 5rem;
    left: 7px;
}