.modal {
    padding: 1rem;
    width: 50ch;
    align-self: center;
    justify-self: center;
    border-radius: 52px 1rem 1rem 1rem;
    padding: 0;

    &>* {
        margin: 0 0 0.5rem 0;
    }

}

.modal::backdrop {
    background-color: rgb(0 0 0 / .2);
    backdrop-filter: blur(10px);
}

.modal .title_box {
    display: grid;
    grid-template-columns: 100px auto;
    grid-template-rows: 50px 50px;
}

.modal img {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    z-index: 1;
}

.modal h2 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    background-color: black;
    color: white;
    padding-top: .5rem;
    padding-left: 105px;
}

.modal p {
    top: calc(100px + 1rem);
}

.modal p button {
    margin: 0;
    padding: .05rem;
    background-color: rgb(178, 178, 178);
}

.modal button {
    margin-left: 40ch;
    margin-bottom: .75rem;
    padding: .25rem;
    background-color: black;
    color: white;
}