.content__container { height: 100vh; width: 400px; display: flex; justify-content: center; align-items: center; border-width: 0px 2px; border-style: solid; border-color: #23242a; } .popup-container { display: flex; justify-content: center; } .popup { border-radius: 4px; width: 100%; background: transparent; padding: 56px; box-sizing: border-box; z-index: 99; } .card-title-container { margin-top: 136px; display: flex; justify-content: center; align-items: center; margin-bottom: 64px; } .popup-img-container { height: 94px; width: 100%; padding: 0 21px 16px 0; margin-bottom: 32px; box-sizing: border-box; } .popup-logo { height: 78px; width: 267px; object-fit: contain; } .popup-button-container { display: flex; flex-direction: column; gap: 16px; } .line { height: 1px; background-color: #23242A; width: 100%; } @media screen and (max-width: 1000px) { .popup-img-container { margin-bottom: 16px; } } @media screen and (max-width: 640px) { .popup-connect { padding: 16px; } }