.confirm .content .separator {
    width: 100%;
}

.confirm .content p {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(-20px);
}

.confirm .content p.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.confirm form {
    margin-top: 20px;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(-20px);
    text-align: left;
}

.confirm form.animate-in {
    opacity: 1;
    transform: translateX(0);
}

input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ff8fa2;
    border-radius: 6px;
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1), 0 1px 1px hsl(0deg 0% 0% / 0.03), 0 2px 2px hsl(0deg 0% 0% / 0.03), 0 4px 4px hsl(0deg 0% 0% / 0.03), 0 8px 8px hsl(0deg 0% 0% / 0.03), 0 16px 16px hsl(0deg 0% 0% / 0.03);
}

input[type="text"]::placeholder {
    font-family: sans-serif;
    color: #b6b6b6;
}

input[type="text"]:focus {
    outline: none;
    border-color: #ff5572;
}

.confirm button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34.7px;
    width: 100%;
    text-decoration: none;
    gap: 7px;
    padding: 5px 14px;
    font-size: small;
    font-family: sans-serif;
    background-color: #ffffff7b;
    backdrop-filter: saturate(180%) blur(4px);
    border: none;
    color: #323232;
    border-radius: 6px;
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1), 0 1px 1px hsl(0deg 0% 0% / 0.03), 0 2px 2px hsl(0deg 0% 0% / 0.03), 0 4px 4px hsl(0deg 0% 0% / 0.03), 0 8px 8px hsl(0deg 0% 0% / 0.03), 0 16px 16px hsl(0deg 0% 0% / 0.03);
}