.registration-card-pro {
    width: 100%;
    max-width: 760px;
    padding: 32px;
}

.password-input-wrapper {
    position: relative;
}

    .password-input-wrapper .form-control {
        padding-right: 48px;
    }

.password-toggle-button {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #7d1735;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .password-toggle-button:hover {
        background: rgba(125, 23, 53, 0.08);
    }

    .password-toggle-button:focus-visible {
        outline: 2px solid #7d1735;
        outline-offset: 2px;
    }

.registration-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

    .registration-actions .btn {
        min-width: 245px;
    }

@media (max-width: 767.98px) {
    .registration-card-pro {
        padding: 22px 16px;
    }

    .registration-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }

        .registration-actions .btn {
            width: 100%;
            min-width: 0;
        }

        .registration-actions .auth-link {
            text-align: center;
        }
}