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

body {
    height: 100vh;
    display: grid;
    place-items: center;
}

.wrapper {
    width: 300px;
    margin: auto;
    padding: 10px;
    text-align: center;
    outline: 2px solid red;
}

.pre {
    width: 250px;

    margin: 10px auto;
    border-radius: 10px;
    overflow: hidden;
}

.pre img {
    width: 100%;
    object-fit: cover;
}

.wrapper p {
    word-break: break-word;
}

.wrapper button {
    width: 90%;
    height: 40px;
    border: 2px solid blue;
    border-radius: 8px;
    font-size: 1.3rem;
    color: #000;
    transition-property: background, color;
    transition-duration: 200ms;
}

.wrapper button:hover {
    background: blue;
    color: #fff;
}