.popup-modal-card {
    height: auto;
    width: auto;
    border-radius: var(--spacing-14);
    background-color: var(--colour-white);
    padding: var(--spacing-10) 0 var(--spacing-30) 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.popup-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--colour-black-drop-shadow);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10000000;
}

.popup-modal-close-icon-background {
    border-radius: var(--spacing-24);
    background: var(--colour-grey-tint-6);
}

.popup-modal-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-40);
    padding: 0 var(--spacing-25);
}

.popup-modal-failure {
    display: none;
}

.popup-modal-success {
    display: none;
    text-align: center;
}

.popup-modal-icon {
    align-self: center;
    height: 74px;
    width: 74px;
}

.popup-modal-close-icon {
    margin-right: var(--spacing-10);
    display: flex;
    width: 38px;
    height: 38px;
    cursor: pointer;
    align-self: end;
}

.popup-modal-top-content {
    gap: var(--spacing-20);
    display: flex;
    flex-direction: column;
}

.popup-modal-button {
    display: flex;
    justify-content: center;
}

.popup-modal-loading {
    display: none;
    justify-content: center;
    align-items: center;
}