.wrapper {
    width: 250px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid 5px rgb(203, 203, 203);
    border-radius: 10px;
    background-color: white;
    margin: 10px;

    .image {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 200px;
        width: 200px;

        .addr {
            font-size: 18px;
            margin-bottom: 30px;
        }

        .id {
            font-size: 18px;
        }

        img {
            width: 100%;
        }
    }

    .type1 {
        width: 100%;

        .inputPart {
            width: 100%;
            height: 50px;
            background-color: rgb(238, 238, 238);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .input {
            height: 25px;
        }

        .button {
            width: 85px;
            height: 30px;
            &:hover {
                transform: scale(1.01);
                background-color: rgb(32, 129, 226, 0.9);
            }
        }
    }

    .type2 {

        background-color: rgb(238, 238, 238);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 30px;
        justify-content: center;

        .button {
            width: 155px;
            height: 50px;
            background-color: #1378e4;
            color: white;
            font-size: 20px;
            border: none;
            border-radius: 10px;

            &:hover {
                transform: scale(1.01);
                background-color: rgb(32, 129, 226, 0.9);
            }
        }
    }

    .type3 {
        background-color: rgb(238, 238, 238);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        .inputPart {
            width: 100%;
            height: 50px;
            background-color: rgb(238, 238, 238);
            display: flex;
            justify-content: center;
            align-items: center;

            .button {
                width: 105px;
                height: 35px;
                background-color: #1378e4;
                color: white;
                font-size: 18px;
                border: none;

                &:hover {
                    transform: scale(1.01);
                    background-color: rgb(32, 129, 226, 0.9);
                }
            }

            .input {
                height: 30px;
                width: 100px;
            }
        }



    }
}